Vue3实现亚克力材质

濡備綍璁捐浜氬厠鍔涙垜浠浜氬厠鍔涚殑鍏抽敭缁勬垚閮ㄥ垎杩涜浜嗗井璋冿紝浠ョ獊鍑哄叾鐙壒鐨勫瑙傚拰灞炴€с€傛垜浠粠鍗婇€忔槑銆佹ā绯婂拰鍣偣璁剧疆寮€濮嬶紝涓哄钩婊戣〃闈㈡坊鍔犺瑙夋繁搴﹀拰缁村害銆傛垜浠坊鍔犱簡鎺掗櫎娣峰悎妯″紡鍥惧眰锛屼互纭繚鏀剧疆鍦ˋcrylic鑳屾櫙涓婄殑UI鐨勫姣斿害鍜屽彲璇绘€с€傛渶鍚庯紝鎴戜滑娣诲姞浜嗗悇绉嶈壊璋冧緵鐢ㄦ埛杩涜涓€у寲璁剧疆銆傝繖浜涘眰涓€璧峰伐浣滃舰鎴愭柊鐨勫拰鏈夌敤鐨勬潗鏂欍€傪煂圖emohttps://huodoushigemi.github....馃殌闇€瑕佺幆澧僀horme76+Vue3+鈿欙笍瀹夎npmi-Svue-acrylic馃鍦↗S涓娇鐢?h1id="acrylic1">ACRYLICACRYLIC馃鍦╒ue涓娇鐢╥mport{createApp}from'vue'importAcrylicfrom'vue-acrylic'importAppfrom'./App.vue'createApp(App).use(Acrylic).mount('#app')<鑴氭湰璁剧疆>constopt={bulr:20,noiseOpacity:1,noiseSize:50}馃搫閫夐」锛屾偍鍙互閫夋嫨涓哄簲鐢ㄧ▼搴忕殑Acrylic娣诲姞鑹茶皟浠ユ樉绀轰釜鎬у寲璁捐鎴栧疄鐜伴泦鎴愪笌椤甸潰鍏朵粬鍏冪礌鐨勮瑙夊钩琛°€傝鏄剧ず棰滆壊鑰屼笉鏄伆搴︼紝鎮ㄩ渶瑕佷娇鐢ㄤ互涓嬪睘鎬у畾涔夋偍鑷繁鐨凙crylic鐢荤瑪銆俷ametypedefaultDescriptionblurnumber30blursizecolorstring#e6e6e6color/hueoverlayopacitynumber0.5tintlayeropacitybrightnessnumber1鎺у埗鍙互浠庤儗鏅┛杩囦笝鐑吀琛ㄩ潰鐨勪寒搴aturatenumber1.6鎺у埗鍙互浠庤儗鏅┛杩囦笝鐑吀琛ㄩ潰鐨勯ケ鍜屽害noiseOpacitynumber0.75NoiseNoTransparencynoiseSizenumber30NoiseSizedisabledbooleanfalse鏄惁绂佺敤AcrylicfallbackColorstring#e6e6e6e6鏇挎崲绂佺敤鐘舵€佷笅Acrylic鐨勭函鑹拆煂堢伒鎰熸潵鑷狥luentDesign鐨凙crylicMaterial猸愶笍Thanks濡傛灉杩欑瘒鏂囩珷瀵逛綘鏈夊府鍔╄缁欐垜猸愶笍