.scroll-num{width:var(--width,20px);楂樺害锛歷ar(--height,calc(var(--width,20px)*1.8));棰滆壊锛歷ar(--棰滆壊锛?333)锛涘瓧浣撳ぇ灏忥細var(--height,calc(var(--width,20px)*1.1));琛岄珮锛歷ar(--height,calc(var(--width,20px)*1.8));鏂囨湰瀵归綈锛氬眳涓紱overflow:hidden;}.animate{animation:move.3slinearinfinite,bounce-in-down1scalc(var(--delay)*1s)forwards}.border-animate{animation:enhance-bounce-in-down1scalc(var(--delay)*1s)forwards}ul{/*padding:0;淇濊瘉閲戯細0锛涘垪琛ㄦ牱寮忥細鏃狅紱*/transform:transformY(calc(var(--i)*-9.09%));}@keyframesmove{from{transform:translateY(-90%);杩囨护鍣細url锛?blur锛墋鍒皗杞崲锛歵ranslateY锛?锛咃級;filter:url(#blur)}}@keyframesbounce-in-down{from{transform:translateY(calc(var(--i)*-9.09%-7%));杩囨护鍣細鏃爙25%{鍙樻崲锛歵ranslateY(calc(var(--i)*-9.09%+3%))}50%{transform锛歵ranslateY(calc(var(--i)*-9.09%-1%))}70%{transform:translateY(calc(var(--i)*-9.09%+.6%))}85%{transform:translateY(calc(var(--i)*-9.09%-.3%))}鍒皗transform:translateY(calc(var(--i)*-9.09%))}}@keyframesenhance-bounce-in-down{25%{transform:translateY(8%)}50%{transform:translateY(-4%)}70%{transform:translateY(2%)}85%{transform:translateY(-1%)}鍒皗transform:translateY(0)}}鍓嶈█鍦ㄥ緢澶氬満鏅腑锛屾垜浠渶瑕佸睍绀轰竴涓叉暟瀛椼€傝繖涓叉暟瀛楀彲浠ョ‖缂栫爜鍥哄畾鍦ㄩ〉闈笂锛屼篃鍙互瀹炴椂鍔ㄦ€佸埛鏂板拰璇锋眰锛屾湁浜涙暟瀛椾細鏍规嵁鐢ㄦ埛浜や簰鍙戠敓鍙樺寲銆備箣鍓嶆垜浠綉绔欑敤anime.js鍋氭暟瀛楀彉鍖栨椂绫讳技杩欐牱鐨勫姩鐢伙細鐢╝nime.js鍋氳繖绉嶅姩鐢荤殑缂虹偣涔嬩竴灏辨槸涓嶈兘鍍忎笂鍥鹃偅鏍锋暟瀛椾腑闂存湁閫楀彿.鍙互绠€鍗曠悊瑙ｄ负蹇呴』鏄痭umber绫诲瀷鐨勫€硷紝瀛楃涓?6,000.00'鏄笉琛岀殑銆傚綋鐒讹紝鎴戜滑鍙互瀵规瘡涓瓧绗︿覆鎴栬€呮瘡涓暟瀛楀崟鐙簲鐢ㄦ晥鏋滐紝浣嗘槸鏁堟灉娌℃湁涓婂浘閭ｄ箞濂姐€傛晥鏋滃ぇ姒傛槸杩欐牱鐨勶細鏀粯瀹濆ぇ姒傞亣鍒颁簡鍜屾垜浠竴鏍风殑闂銆傞〉闈㈡樉绀虹殑鍐呭鐪嬭捣鏉ュ儚鏄竴涓暟瀛楋紝浣嗗疄闄呬笂鏄竴涓瓧绗︿覆銆傚彧鑳界敤绫讳技split鐨勬柟娉曟壘鍒伴€楀彿鍜屽皬鏁扮偣鐨勪綅缃繘琛屾媶鍒嗭紝鐒跺悗鐢╬arseInt灏嗗緱鍒扮殑鏁板瓧瀛楃瑙ｆ瀽鎴愭暟瀛楃被鍨嬪啀搴旂敤杩欎釜鏁堟灉銆備骇鍝佹柟涓€鐩村杩欎釜鏁堟灉涓嶆槸寰堟弧鎰忋€傛渶鍚庯紝鍦ㄤ竴涓細璁笂锛氫骇鍝佺粍锛氭垜浠繖涓€鏈熺殑涓昏浠诲姟鏄紭鍖栦氦浜掍綋楠屻€備綘鏈夋病鏈夌敤杩囬タ姝伙紵浠栦滑鐨勮蒋浠跺湪鏁板瓧涓婃湁杩欐牱鐨勬晥鏋滐細寮€鍙戝洟闃燂細浣犳湁浠€涔堢▼搴︾殑娆ｈ祻锛熸兂鎴愪负浠栦滑*鍚楋紵浜у搧缁勶細褰撶劧涓嶆槸锛屽氨鏄粰澶у鐪嬭繖涓晥鏋滐紝鍒氭墠鐨勬晥鏋滃彲鑳戒笉鏄緢濂斤紝閭ｆ垜浠崲涓〉闈㈢粰澶у鐪嬬湅锛氬紑鍙戠粍锛氥€?.濡傛灉鐪熺殑鏈夌┖娌′簨骞诧紝灏卞幓骞插共鍑€鍑€锛佷笉瑕佷互涓轰竴鏃﹀嚭鏉ワ紝杩熸棭浼氬嚭鏉ワ紝缃戠珯鐢ㄦ埛浼氳浣犺糠璺殑鈥︹€︿骇鍝侊細鍝︿笉锛佹垜瑕佺殑鏁堟灉娌￠偅涔堥毦鐪嬶紒鍙槸杩欎釜鏁堟灉璁╂垜鎯宠捣浜嗗悆瑙掑瓙鑰佽檸鏈吼煄板墠涓ゅぉ杩樺湪楗挎銆傜瓑鎴戝幓鎵锯€︹€﹁繖閲岋紒灏辨槸杩欐牱锛歊&D锛氬ソ浜嗭紝鐭ラ亾浜嗭紝灏辫窡鐫€杩欎釜鏁堟灉璧板惂锛烶roduct锛氬杺~鍏堝埆璧帮紒鎴戣繕娌℃悶瀹氾紒棣栧厛锛屾垜璁や负杩欎釜鏂瑰悜鏄敊璇殑銆傛垜浠兂鍍忚€佽檸鏈轰竴鏍蜂粠涓婂埌涓嬫粴鍔細閭ｆ垜浠氨涓嶈兘鍍忛ゥ楗挎晥搴斾竴鏍锋參鎱㈠仠涓嬫潵鈥︹€&D锛氬鏋滄垜浠笉鎱㈡參鍋滀笅鏉ュ憿锛熷仠姝紵蹇仠涓嬫潵锛熶骇鍝侊細涓嶆槸杩欎釜鎰忔€濓紝鏄參鍋滄晥鏋滃お鏅€氫簡锛岃兘涓嶈兘鍋氫釜鍔ㄦ劅涓€鐐圭殑鏁堟灉锛熺爺鍙戯細浣犳兂瑕佷粈涔堟牱鐨勫姩鎬佹柟寮忥紵浜у搧锛氱被浼间簬璇曞浘鍋滄浣嗛€熷害澶揩鏃犳硶鍋滄銆備竴娈垫椂闂村悗锛屽畠浼氬弽寮瑰洖鏉ャ€備綘鏈変粈涔堜笓涓氭湳璇潵鎻忚堪杩欑鏁堟灉鍚楋紵鐮斿彂锛氭槸鍙嶅脊鏁堝簲鍚楋紵浜у搧锛氭槸鐨勶紒灏辨槸杩欎釜锛佺爺鍙戯細濂界殑锛佹病闂锛佹瘮浣犲垰鎵嶇粰鎴戜滑鐪嬬殑閭ｄ釜鍔ㄧ敾鏇村ソ銆傚姩鐢诲睍绀轰负浜嗕笉璁╁ぇ瀹舵兂璞′笉鍑哄叿浣撶殑鏁堟灉锛屽厛灞曠ず涓€浜涘凡缁忓啓濂藉苟瀹為檯搴旂敤鍦ㄦ垜浠〉闈笂鐨勭粍浠讹細涓婇潰杩欎覆鏁板瓧濂藉儚鏈夌偣涓嶅悏鍒┾€︹€﹁刀绱ф敼鍚р瑖杩欎笉鏄浣犳劅瑙夎壇濂藉悧锛熻繖璁╂垜鎯宠捣浜嗕腑瀛︽椂鐪嬭繃鐨勪竴閮ㄧ數褰憋細銆婂ず鍛芥墜鏈恒€嬬敺涓绘嬁鐫€寮€鐫€鐨勬墜鏈鸿繘鍏ユ媺鏂淮鍔犳柉鐨勫ぇ璧屽満锛岀煭鐭嚑鍒嗛挓锛岀柉鐙傝幏鍒╁崄銆備竴涓囨鍏凁煉朵粬鏉ュ埌涓€鍙拌€佽檸鏈猴紝鎶曞竵鍚庢寜涓嬫寜閽紝閭ｅ彴鑰佽檸鏈烘湁杩欐牱鐨勫弽寮规晥鏋滐細涓汉瑙夊緱鍙嶅脊鏁堟灉涓嶅鍔ㄦ€侊紝鎵€浠ョ敤CSS澧炲己鍙嶅脊鏁堟灉锛屼笉鐭ラ亾澶у鍠滄楗挎鐨勪笉鍙嶅脊鏁堟灉锛岃繕鏄媺鏂淮鍔犳柉杩欐鑰佽檸鏈鸿交寰弽寮圭殑鏁堟灉锛屾垨鑰呮湰鏂囧皢瑕佸紑鍙戠殑鍔ㄦ€佸弽寮规晥鏋滐紵绁濆枩娆㈠拰鍏虫敞鐨勬湅鍙嬪幓璧屽満鐜╄€佽檸鏈轰篃鑳藉儚涓婂浘涓€鏍蜂腑澶у鍥剧墖寰堢浉浼硷細涓€涓悎鏍肩殑鍓嶇鑷冲皯瑕佷細鍐欒疆鎾浘锛侀偅涔堣疆鎾殑鍘熺悊鐩镐俊澶у搴旇閮戒笉闄岀敓浜嗭紝灏辨槸鎶婁綘瑕佹棆杞殑鍥剧墖姘村钩鎺掑垪锛岀劧鍚庣粷瀵瑰畾浣嶏紝鐒跺悗瀹氫箟涓€涓唬琛ㄧ储寮曠殑鍙橀噺锛岀偣鍑荤澶存敼鍙樺彉閲忕殑鍊硷紝鐒跺悗灏嗗彉閲忔槧灏勫埌DOM鏍峰紡灞炴€э紝鏈€鍚庝娇鐢╫verflow:hidden;闅愯棌閭ｄ簺鏆撮湶鍑烘潵鐨勫浘鐗囷細褰撶劧锛岃繖鍙槸涓€涓畝鍗曠殑杞挱锛屼竴涓畬鏁寸殑杞挱涓嬮潰搴旇鏈変竴鍫嗗皬鍦嗙偣锛屼竴鏂归潰鐢ㄤ簬琛ㄧず涓€鍏辨湁澶氬皯寮犲浘鐗囷紝鍙︿竴鏂归潰琛ㄧず瀹冪敤浜庤〃绀哄綋鍓嶅浘鐗囩殑鏁伴噺銆備絾鏄繖涓浜庢垜浠寮€鍙戠殑鑰佽檸鏈哄紡鐨勬粴鍔ㄦ暟瀛楁牴鏈病鏈夌敤鍒帮紝鎵€浠ユ殏鏃朵笉鍐欎簡銆傝疆鎾浘鐗囦笉鏄按骞崇殑鍚楋紵閭ｆ垜浠斁涓婃潵璇曡瘯锛氭帴涓嬫潵鎶婃ˉ鏈幆濂堢殑鍔ㄦ€佸浘锛堣疆鎾浘涓偅涓潪甯稿彲鐖辩殑灏忓濮愮殑鍚嶅瓧锛夋崲鎴愪竴涓暟瀛楋細鍋氳繃鏃犻檺杞挱鐨勬湅鍙嬪簲璇ョ煡閬擄紝浠庢渶鍚庝竴寮犺蛋鐨勬椂鍊欏埌绗竴寮犳垨浠庣涓€寮犲埌鏈€鍚庝竴寮狅紝涓轰簡鐪嬭捣鏉ュ儚鐩存帴婊氬姩锛岄€氬父灏嗘渶鍚庝竴寮犵殑鍓湰娣诲姞鍦ㄥご閮紝灏嗙涓€寮犵殑鍓湰娣诲姞鍦ㄦ湯灏俱€傛垜浠殑涔熶笉渚嬪锛屼絾鏄敱浜庢垜浠笉鍍忚疆鎾竴鏍峰乏鍙虫粴鍔紝鎴戜滑鍙槸浠庝笂鍒颁笅婊氬姩锛屾墍浠ユ垜浠妸绗竴涓暟瀛楁斁鍦ㄤ笅闈紝涔熷氨鏄?銆傜劧鍚庡幓鎺夌澶磋瀹冭嚜宸辨粴鍔細鐒跺悗浣跨敤婧㈠嚭锛氶殣钘忥紱鎶婃毚闇茬殑鍙风爜闅愯棌璧锋潵锛氭槸涓嶆槸鏈夌偣鍍忚繖鏍凤細浣嗘槸杩樻湁涓€涓笉澶儚鐨勫湴鏂癸紝灏辨槸涓婂浘杩欎釜鑰佽檸鏈哄湪婊氬姩鐨勬椂鍊欒嚜甯︽ā绯婃晥鏋滐紝缁欎汉鐨勬劅瑙夊氨鏄粴鍔ㄩ€熷害蹇埌缈诲€嶇殑閿欒銆傝繖璁╂垜鎯宠捣浜嗕箣鍓嶄骇鍝佺粡鐞嗚鎴戝仛鐨勪簨鎯咃細銆婇缚钂欓偅涓紑鍦哄姩鐢绘尯甯呯殑 缁欏挶浠〉闈篃鏁翠竴涓憲銆嬫垜鐭ラ亾璇村埌blur锛屽ぇ瀹堕鍏堟兂鍒扮殑鏄細filter:blur(afewpx);锛岃繖涓狢SS灞炴€х殑鐗规€у氨鏄畠浼氳鍏冪礌鍦ㄥ悇涓柟鍚戦兘鍙樺緱妯＄硦銆備絾瀹為檯涓婏紝鍦ㄦ煇浜涘満鏅腑锛岄渶瑕佺殑涓嶆槸鍏ㄦ柟浣嶆ā绯婏紝鑰屾槸娌縳杞存ā绯婃垨娌縴杞存ā绯娿€傜粰澶у鐪嬩竴涓嬩娇鐢╢ilter:blur();瀹炵幇鐨勬晥鏋滐細while娌縴杞存ā绯婄殑鏁堟灉鏄繖鏍风殑锛氬彲浠ョ湅鍒版晥鏋滄湁鏄庢樉鐨勫尯鍒紝鍜屾垜浠兂瑕佸疄鐜扮殑鑰佽檸鏈虹殑鏁堟灉鏄部y杞存ā绯婏紝鎵€浠ユ垜浠皢閭ｇ瘒鏂囩珷涓护闀滈儴鍒嗙殑浠ｇ爜澶嶅埗杩囨潵锛屽簲鐢ㄥ埌鎴戜滑鐨勯〉闈腑璇曡瘯锛氭晥鏋滃ソ鍍忚繕涓嶉敊锛侀偅涔堝鏋滀娇鐢╢ilter:blur();浼氭槸涓€绉嶄粈涔堟牱鐨勪綋楠屽憿锛熶负鏁板瓧娣诲姞妯＄硦鏁堟灉锛熻瘯璇曠湅锛歟mmmmmmm銆傘€傘€傛垜濂藉儚鑰佽姳鐪间簡銆傘€傘€傚績琛€鏉ユ疆锛屾棦鐒舵湁浜嗚繖涓猄VG婊ら暅锛屽彲浠ユ帶鍒舵部x杞存垨鑰呮部y杞寸殑妯＄硦锛岄偅鎴戜滑涔熷彲浠ユ妸杩欎釜妯＄硦娌縳杞存晥鏋滃簲鐢ㄤ簬杞挱锛屽鍚э紵璇曚竴璇曪細鍜屼箣鍓嶇殑杞挱姣旇緝涓€涓嬶細鎬庝箞鏍凤紵娣诲姞姝よ繃婊ゅ櫒鍚庤疆鎾槸鍚︾湅璧锋潵鏇存湁娲诲姏锛熷姩鐢诲畾浣嶅鏋滄垜浠兂鎶婃暟瀛楀畾浣嶅埌鏁板瓧6锛氫絾鏄繖涓?涔熸湁鎴戜滑鍔犵殑涓婁笅妯＄硦鏁堟灉锛屾垜浠仠涓嬫潵鍘绘帀妯＄硦婊ら暅鐪嬬湅锛氭槸涓嶆槸鍍忓垰濂芥粴鍔╰o6鍋滃湪杩欎釜浣嶇疆鏄笉鏄竴鏍风殑锛熶絾瀹為檯涓婁笉鏄繖鏍风殑锛岃€屾槸杩欐牱鐨勶細浠旂粏鐪嬪彲浠ュ彂鐜帮紝杩欎覆鏁板瓧骞朵笉鏄垰濂芥粴鍔ㄥ埌6鐨勪綅缃氨鍋滄浜嗭紝鑰屾槸涓嶇婊氬姩鍒板摢閲岋紝鍙鏃堕棿涓€鍒帮紝灏辩洿鎺ュ畾浣嶅埌6锛屽鏋滅湅涓嶆竻妤氾紝鎴戜滑鏀炬參閫熷害锛岀粰6鍔犱釜绾㈠簳锛屽啀鐪嬬湅锛氱敱浜庢粴鍔ㄩ€熷害蹇紝鍗充娇浣犱笉婊氬姩鍒扮6浣嶏紝瀹冪獊鐒跺仠鍦ㄧ6浣嶏紝浜虹溂鍙互鐪嬪埌銆備笉鍑烘潵锛屼綘浼氳寰楄嚜宸卞湪6鍙峰墠闈㈡墦婊氾紝鍏跺疄灏辨槸涓溂缃┿€侰SS涓湁寰堝鐗规晥閮芥槸閫氳繃绫讳技钂欑溂鐨勬柟寮忓疄鐜扮殑銆傛瘮濡傛棤闄愭粴鍔ㄧ殑杞挱锛岀湅璧锋潵鐪熺殑鏄棤鏁板紶鍥剧墖杩炲湪涓€璧枫€傝繖鏈夌偣绫讳技浜庨瓟鏈紝灏辨槸鐢ㄤ竴浜涜姳鎷涙潵娆洪獥浣跨敤鑰呯殑鐪肩潧锛屼粠鑰岃揪鍒颁护浜洪挦浣╃殑鏁堟灉銆傝繖灏辨槸涓轰粈涔堟垜鍠滄鐐叿鐨凜SS鐗规晥锛屾劅瑙夊氨鍍忕綉椤甸噷鐨勯瓟鏈笀锛屼负澶у琛ㄦ紨榄旀湳銆備絾鏄偗瀹氭湁浜轰細闂紝杩欐牱鍋氭湁浠€涔堝ソ澶勫悧锛熶负浠€涔堜笉璁╁畠鐩存帴婊氬姩鍒板搴旂殑鏁板瓧鐒跺悗鍋滄锛氶鍏堬紝涓嶇鏄繖鏍峰仛杩樻槸閭ｆ牱鍋氾紝涓よ€呮渶鍚庣殑鏁堟灉鏄樊涓嶅鐨勶紝閮芥槸杩欎釜鏍峰瓙鐨勶細闄ら潪浣犵殑浜у搧缁忕悊瑕佹眰婊氬姩閫熷害瑕佸儚铚楃墰涓€鏍锋參锛屽惁鍒欏畬鍏ㄦ病鏈夊尯鍒€傚彟涓€涓師鍥犳槸杩欏厑璁告垜浠簿纭帶鍒朵綍鏃跺仠姝㈡粴鍔ㄣ€傛瘮濡傛垜浠缃畠鍦ㄥ嚑绉掑悗鍋滄婊氬姩锛屽埌鏃跺€欏畠鍦ㄤ粈涔堜綅缃仠姝㈡粴鍔ㄦ槸涓嶇‘瀹氱殑锛屽鍚э紵濡傛灉鎴戜滑鎯冲仠鍦ㄧ9涓綅缃紝浣嗘槸鍒版椂鍊欏姩鐢诲垰濂藉湪绗?涓綅缃紝閭ｄ箞鍔ㄧ敾灏变細涓€鐩存粴鍔紝鐩村埌鍋滃湪绗?涓綅缃€傚亣璁炬垜浠師鏈缃粴鍔ㄤ袱绉掞紝浠庣1鏉℃粴鍔ㄥ埌绗?鏉￠渶瑕?.8绉掞紝閭ｄ箞鏁翠釜鍔ㄧ敾瀹為檯涓婃粴鍔ㄤ簡2.8绉掓墠鍋滄锛岃繖涓庢垜浠缃殑涓ょ鏄庢樉涓嶄竴鑷淬€備絾鏄仾鏄庣殑鍚屽鑲畾浼氭兂锛氬鏋滀綘涓嶉粯璁や粠绗?浣嶅紑濮媟oll锛屼綘灏卞緱浜嗭紒鐩稿弽锛屽畠浼氭牴鎹偍浼犲叆鐨勬暟瀛楀姩鎬佽绠楀簲璇ュ紑濮嬫粴鍔ㄧ殑鏁板瓧銆傛瘮濡備綘鎵撶畻婊氬姩2绉掞紝鐒跺悗婊氬姩鍒扮6涓綅缃椂鍋滄锛岄偅涔堜綘鍙渶瑕佽绠椾粠鍝釜浣嶇疆寮€濮嬫粴鍔ㄥ氨鍙互浜嗐€備袱绉掑悗锛屼細鎭板ソ婊氬姩鍒扮6涓綅缃紝澶у姛鍛婃垚锛佽繖鏍峰仛纭疄鏄彲琛岀殑锛屼絾鏄棤鐤戜細澧炲姞鎴戜滑浠ｇ爜鐨勫鏉傚害锛屼絾鏄晥鏋滃樊涓嶅锛岃€屼笖鍦ㄨ绠椾笂浼氭氮璐规垜浠嚑鏍瑰ご鍙戙€傚叾瀹炴垜浠樉鐒舵湁鏇寸畝鍗曠殑瀹炵幇鏂规硶锛岄偅灏辨槸锛氭妸鍔ㄧ敾鍒嗘垚涓ゆ鏉ヨ繍琛岋紒鍒嗘鍔ㄧ敾绗竴涓姩鐢绘槸鏃犻檺婊氬姩鍔ㄧ敾锛屾垜浠細灏佽鎴愮粍浠讹紝鍏蜂綋婊氬姩鏃堕棿鐢变紶鍏ョ殑鍙傛暟鍐冲畾銆傜浜屼釜鍔ㄧ敾鍙互鐪嬪埌锛屾渶鍚庢垜浠細閫夋嫨涓€涓暟瀛楁潵鍋氬姝ゅ姩鎬佺殑鍙嶅脊鏁堟灉銆傛棤闄愭粴鍔ㄥ悗锛屾垜浠細绔嬪嵆鍒囨崲鍒拌繖涓姩鐢汇€傚叿浣撲釜鏁颁篃鏄敱浼犲叆鐨勫弬鏁板喅瀹氱殑銆傝繛鎺ョ粍浠朵唬鐮佺敱浜庢湰椤圭洰鏄敤Vue2.x鍋氱殑锛屾墍浠ヨ创鍑烘潵鐨勪唬鐮佷篃鏄疺ue2鐨勯鏍硷紝涓嶈繃娌″叧绯伙紝JS閮ㄥ垎寰堢畝鍗曪紝涓昏浠ｇ爜闆嗕腑鍦–SS閮ㄥ垎銆傚洜姝わ紝鎮ㄥ彲浠ヨ交鏉惧湴灏嗘缁勪欢鏇存敼涓轰笌鎮ㄧ殑椤圭洰鍖归厤鐨刅ue3.x缁勪欢鎴朢eact缁勪欢锛氬姩鐢粆":style="{'--i':i,'--delay':寤惰繜}"@animationend="animate=false">012345>67890importScrollNumfrom'./components/ScrollNum.vue'exportdefault{name:'App',components:{ScrollNum},data:()=>({num:886}),computed:{numArr(){conststr=String(this.num)letarr=[]for(璁﹊=0;ithis.num++,10000)}}.flex{鏄剧ず锛歠lex;}ul{濉厖锛?;淇濊瘉閲戯細0锛沴ist-style:none;}涓€涓畬缇庣殑鑰佽檸鏈烘晥鏋滃氨杩欐牱瀹屾垚浜嗭細濡傛灉瑕佽皟鏁村ぇ灏忥紝鍙渶瑕佺粰瀹冧竴涓?-width,height鍜宖ontsize浼氳嚜鍔ㄨ皟鏁存垜浠繕鍙互娣诲姞杈规锛?template>鈿狅笍濡傛灉浣犳妸鎴戠殑浠ｇ爜澶嶅埗鍒颁綘鑷繁鐨勯」鐩腑锛屽彂鐜版粴鍔ㄥ仠涓嶄笅鏉ワ紝鍙兘鏄痸ue-loader鐗堟湰浣庡鑷寸紪璇憇coped澶氫釜鍔ㄧ敾瀵艰嚧鐨刡ug寤鸿鍗囩骇vue-cli鎴栧幓鎺?stylescoped>涓婄殑scoped锛岀劧鍚庣粰DOM璧蜂竴涓笉鏄撳鍒剁殑绫诲悕鎴朓D銆傜粨璁哄浣曪紵鏈夋晥鍚楋紵涓嶉敊锛熺幇鍦ㄤ綘鍙渶瑕佸鍒舵垜鐨勭粍浠讹紝瀹冨氨鍙互鎴愪负浣犻」鐩腑鐨勪竴涓緢閰风殑灏忛儴浠讹紒鎴戝紑婧愶紝浣犲紑蹇冿紝鑰佸ぇ寮€娉曟媺鍒╋紒
