Vant自定义主题色
Vant官网 的中文教程备注了 less-loader 版本<6,需要移除 lessOptions ,但是,英文教程却没有此备注。导致看英文教程的我,折腾了大半天,自定义变量始终未生效。
查看 Vant 的相关 issue 也没有提及版本问题,故写此文章,希望帮助看到的小伙伴避坑。
脚手架:vue-cli3以上
第一步: 引入样式文件
第二步:修改样式变量 (vue.config.js)
解决方案: 使用绝对路径
官网教程-自定义主题
vue@cli3中配置vant主题,引入主题文件时报错
绛旓細鑲栭偊鐨勭涓浣嶆暀甯堟槸涓鎬殑浜虹墿锛屼粬鎬绘槸绌跨潃娣¢粍鑹茬殑澶ц。鍜岃¥瀛愩佹紗鐨暱闈翠互鍙棰滆壊鍗庝附浣嗗緢淇楁皵鐨勮儗蹇冿紝鎹粬璇磋繖鏄湪涓涓媿鍗栬涔扮殑娉㈠叞鏈鍚庝竴涓浗鐜嬬殑鎵鏈夌墿銆備粬鎬绘槸甯︾潃涓鏀暱閾呯瑪锛屽父鐢ㄦ潵鏁查偅浜涜繜閽濆拰涓嶅畧瑙勭煩鐨勫鐢熺殑鑴戣鍜屾墜鎸囥備粬浣胯倴閭﹀枩娆笂浜嗛挗鐞达紝鑰屼笖寮瑰緱闈炲父缇庡锛屼簬鏄皯骞磋倴閭﹂愭笎浠モ...
绛旓細浣嗘槸,瀹冩槸鑲栭偊涓鐢熷垱浣滅殑璧风偣,鍏朵腑宸茬粡闂鐫姘戞棌鎰熸儏鍜屾皯鏃忛鏍肩殑鍏夎緣,杩欏湪浠栫殑銆奷灏忚皟娉㈡礇濂堝吂鑸炴洸銆(1827)閽㈢惔涓庝箰闃熷悎濂忕殑銆婇檷E澶ц皟澶ф尝娲涘鍏硅垶鏇层(1831)銆奀澶ц皟椹鍗¤垶鏇层(1829) 銆奆澶ц皟椹鍗¤垶鏇层(1829)銆侀挗鐞翠笌涔愰槦鍚堝鐨勩婃尝鍏涓婚骞绘兂鏇层(1828)鍜屻婂厠鎷夌缁翠簹鍏嬭垶鏇查鏍煎洖鏃嬫洸銆(1828)涓兘鏈...
绛旓細Between the here 姝ら棿 between the now 姝ゅ埢 Between the north 鍦板寳 between the south 澶╁崡 Between the west 瑗垮幓 between the east 涓滄潵 Between the time 绌胯秺鏃堕棿 between the place 瓒呰秺绌洪棿 From the She'll 璐濆3涓紶鍑 A song of the sea 娴锋磱涔嬫瓕 Neither quiet nor calm 缁濋潪瀹夊畞锛...
绛旓細鏌ョ湅 Vant 鐨勭浉鍏 issue 涔熸病鏈夋彁鍙婄増鏈棶棰橈紝鏁呭啓姝ゆ枃绔狅紝甯屾湜甯姪鐪嬪埌鐨勫皬浼欎即閬垮潙銆傝剼鎵嬫灦锛歷ue-cli3浠ヤ笂 绗竴姝ワ細 寮曞叆鏍峰紡鏂囦欢 绗簩姝ワ細淇敼鏍峰紡鍙橀噺 锛坴ue.config.js锛夎В鍐虫柟妗堬細 浣跨敤缁濆璺緞 瀹樼綉鏁欑▼-鑷畾涔変富棰 vue@cli3涓厤缃vant涓婚,寮曞叆涓婚鏂囦欢鏃舵姤閿 ...
绛旓細鐐瑰嚮涓嬫媺妗嗭紝浼氬悓鏃跺脊鍑轰笅鎷夊垪琛ㄦ槸鏁版嵁鍜屾彁绀轰俊鎭紝鎵浠ユ垜杩欒竟鍙堢粰浜嗕竴涓垽鏂
绛旓細闇姹:鑷畾涔涓涓潈闄愭寚浠,瀵归渶瑕佹潈闄愬垽鏂殑Dom杩涜鏄剧ず闅愯棌銆傛濊矾:浣跨敤:缁檝-permission璧嬪煎垽鏂嵆鍙 闇姹:缁欐暣涓〉闈㈡坊鍔犺儗鏅按鍗 鎬濊矾:浣跨敤,璁剧疆姘村嵃鏂囨,棰滆壊,瀛椾綋澶у皬鍗冲彲 闇姹:瀹炵幇涓涓嫋鎷芥寚浠,鍙湪椤甸潰鍙鍖哄煙浠绘剰鎷栨嫿鍏冪礌銆傛濊矾:浣跨敤:鍦―om涓婂姞涓妚-draggable鍗冲彲 Vue瀹炵幇杞挱鍥 杞婚噺鍖栫殑vue绉诲姩UI...
绛旓細鑲栭偊鐨勭涓浣嶆暀甯堟槸涓鎬殑浜虹墿锛屼粬鎬绘槸绌跨潃娣¢粍鑹茬殑澶ц。鍜岃¥瀛愩佹紗鐨暱闈翠互鍙棰滆壊鍗庝附浣嗗緢淇楁皵鐨勮儗蹇冿紝鎹粬璇磋繖鏄湪涓涓媿鍗栬涔扮殑娉㈠叞鏈鍚庝竴涓浗鐜嬬殑鎵鏈夌墿銆備粬鎬绘槸甯︾潃涓鏀暱閾呯瑪锛屽父鐢ㄦ潵鏁查偅浜涜繜閽濆拰涓嶅畧瑙勭煩鐨勫鐢熺殑鑴戣鍜屾墜鎸囥備粬浣胯倴閭﹀枩娆笂浜嗛挗鐞达紝鑰屼笖寮瑰緱闈炲父缇庡锛屼簬鏄皯骞磋倴閭﹂愭笎浠モ...
绛旓細浣滀负姝ゆ鐩存挱鐨勫紑绡囷紝鈥滀簯娓搁愭ⅵ鍢夊勾鍗庘濈幆鑺傚甫棰嗚浼楁父瑙堜簡淇濇椂鎹疯窇杞75鍛ㄥ勾鍏ㄧ悆搴嗗吀鐨勯绔欎妇鍔炲湴锛屽苟閫愪竴鎵撳崱鍥寸粫淇濇椂鎹峰搧鐗屾墦閫犵殑鍚勮壊涓婚灞曞尯銆傞殢鍚庯紝浠モ滀笌鐧惧勾鍕掕姃鍚岃鈥濅负涓婚鐨勫槈瀹惧璋堟帴鍔涗负杞﹁糠鏈嬪弸濂変笂浜嗗共璐ф弧婊$殑绮惧僵鍒嗕韩銆備笉浠呭姝わ紝鐩存挱杩樹负鍕掕姃24鏃惰愬姏璧涙璧涜缃笓涓氳В璇达紝骞跺娆′笌韬湪鍕掕姃...
绛旓細浼熷ぇ鐨勬尝鍏伴煶涔愬,鑷辜鍠滅埍娉㈠叞姘戦棿闊充箰,涓冨瞾鍐欎簡銆婃尝鍏拌垶鏇层,鍏瞾鐧诲彴婕斿嚭,涓嶆弧浜屽崄宀佸凡鎴愪负鍗庢矙鍏鐨勯挗鐞村鍜屼綔鏇插銆傚悗鍗婄敓姝e兼尝鍏颁骸鍥,鍦ㄥ浗澶栨浮杩,鍒涗綔浜嗗緢澶氬叿鏈夌埍鍥戒富涔夋濇兂鐨勯挗鐞翠綔鍝,浠ユ鎶掑彂鑷繁鐨勬濅埂鎯呫佷骸鍥芥仺銆傚叾涓湁涓庢尝鍏版皯鏃忚В鏀炬枟浜夌浉鑱旂郴鐨勮嫳闆勬т綔鍝,濡傘婄涓鍙欎簨鏇层嬨併婇檷A 澶ц皟娉㈠叞鑸炴洸...
绛旓細浼熷ぇ鐨勬尝鍏伴煶涔愬,鑷辜鍠滅埍娉㈠叞姘戦棿闊充箰,涓冨瞾鍐欎簡銆婃尝鍏拌垶鏇层,鍏瞾鐧诲彴婕斿嚭,涓嶆弧浜屽崄宀佸凡鎴愪负鍗庢矙鍏鐨勯挗鐞村鍜屼綔鏇插銆傚悗鍗婄敓姝e兼尝鍏颁骸鍥,鍦ㄥ浗澶栨浮杩,鍒涗綔浜嗗緢澶氬叿鏈夌埍鍥戒富涔夋濇兂鐨勯挗鐞翠綔鍝,浠ユ鎶掑彂鑷繁鐨勬濅埂鎯呫佷骸鍥芥仺銆傚叾涓湁涓庢尝鍏版皯鏃忚В鏀炬枟浜夌浉鑱旂郴鐨勮嫳闆勬т綔鍝,濡傘婄涓鍙欎簨鏇层嬨併婇檷A 澶ц皟娉㈠叞鑸炴洸...