闅忕潃鍓嶇鐨勫彂灞曪紝缁勪欢搴撲篃灞傚嚭涓嶇┓銆備竴涓畬鏁寸殑缁勪欢搴撳彲浠ユ瀬澶у湴鎻愰珮寮€鍙戞晥鐜囷紝璁╁紑鍙戜汉鍛樺彲浠ヤ笓娉ㄤ簬涓氬姟閫昏緫鑰屼笉鏄熀纭€缁勪欢鐨勫彲閲嶇敤鎬с€佸彲鎵╁睍鎬у拰绋冲畾鎬ч棶棰樸€傞潰瀵逛紬澶氱殑鍏冨櫒浠跺簱锛岃濡備綍閫夋嫨锛熸湰鏂囧皢浠庡涓搴﹀娴佽鐨勭Щ鍔ㄧ缁勪欢搴撹繘琛屽姣斿垎鏋愶紝甯屾湜瀵瑰ぇ瀹舵湁鎵€甯姪銆傝儗鏅嚜NutUI3.x鍙戝竷浠ユ潵锛屾棤璁烘槸鍐呴儴杩樻槸澶栭儴鐨勭敤鎴疯秺鏉ヨ秺澶氾紝浜笢闆嗗洟绱鐢宠椤圭洰鏁板凡瓒呰繃200+銆侼utUI涔熼€愭笎澧炲姞浜嗕富棰樺畾鍒跺拰鍥介檯鍖栫殑鑳藉姏銆侼utUI鍦ㄤ笉鏂坊鍔犵粍浠躲€佹墿灞曡兘鍔涚殑鍚屾椂锛屼篃娉ㄩ噸鈥滅粍浠剁矑搴︹€濈殑瀹屽杽銆傜粍浠跺簱灏卞儚涓€搴у缓绛戯紝缁勪欢鏄畠鐨勫熀纭€銆傞噸瑕佹€т笉瑷€鑰屽柣銆傚洜姝わ紝鍦?022骞村垵锛屾垜浠畬鎴愪簡涓绘祦缁勪欢搴撶殑宸紓瀵规瘮锛屽悜浼樼鐨勭粍浠跺簱瀛︿範锛屾壘鍑轰笉瓒筹紝蹇€熻ˉ鍏呭悇涓粍浠剁殑绮掑害銆備粠涓绘祦缁勪欢搴撲腑绮惧績鎸戦€変簡鍏妯″瀷杩涜瀵规瘮鍒嗘瀽锛歂utUI鈥斺€斾含涓滆嚜鐮旂殑绉诲姩绔疷I缁勪欢搴擄紝鏀寔Vue3銆乀aro澶氱閫傞厤锛岄潰鍚戠數鍟嗕笟鍔″満鏅殑Vant鈥斺€旂Щ鍔ㄧUI鏈夎禐寮€鍙戠殑缁勪欢搴擄紝鏀寔Vue3銆佸井淇″皬绋嬪簭銆佹敮浠樺疂灏忕▼搴廡DesignMobile-鑵捐寮€鍙戠殑绉诲姩绔粍浠跺簱锛岄€傚悎鍦╒ue3鎶€鏈爤椤圭洰涓娇鐢ˋntDesignMobile-铓傝殎閲戞湇寮€鍙戠殑绉诲姩绔粍浠跺簱锛屾敮鎸丷eactMandMobile-TheUI婊存淮寮€鍙戠殑閲戣瀺鍦烘櫙缁勪欢搴撴敮鎸乂ue3Varlet鈥斺€擵ue3寮€鍙戠殑鏉愯川椋庢牸绉诲姩绔粍浠跺簱锛岀敱绀惧尯灏忎紮浼村紑鍙戠淮鎶ゃ€備负浜嗗垵姝ヤ簡瑙ｏ紝鎴戜滑鍏堜粠鎶€鏈爤銆佸紑婧愭椂闂淬€佺粍浠舵暟閲忋€丯pm涓嬭浇閲忚璧枫€?GitHubStar缁熻鍑犱釜鏂归潰鏉ュ垵姝ユ帉鎻′互涓婄粍浠跺簱锛氾紙娉細Npm涓嬭浇缁熻鎴鏃堕棿涓猴細2022.06.20锛変粠涓婅〃涓嶉毦鍙戠幇锛孯eact鐨勭Щ鍔ㄧ缁勪欢鎶€鏈爤搴撴瘮杈冨皯锛孷ue鎶€鏈爤缁勪欢搴撴瘮杈冨銆侼utUI缁勪欢搴撹櫧鐒跺湪缁勪欢鏁伴噺涓婃槸绗竴锛屼絾涓嶯pm涓嬭浇閲忓拰GitHubStar涓婄殑涓€娴佺粍浠跺簱鐩告瘮锛岃繕鏄湁涓€瀹氱殑璺濈銆傝繖涔熶績浣挎垜浠湪鍚庢湡鏇村姞娉ㄩ噸缁勪欢璐ㄩ噺銆佸紑鍙戠粡楠屽拰鍙ｇ锛岃€屽墠鏈熶富瑕佹槸涓轰簡瀹屾垚鍔熻兘浠ユ弧瓒抽泦鍥㈢殑涓氬姟鍙戝睍銆傜粍浠跺姣斾负浜嗚NutUI鏇村姞鍋ュ．锛孨utUI涓殑姣忎釜缁勪欢閮藉搴斿叾浠栫粍浠跺簱鐨勭粍浠讹紝浠庣粍浠朵娇鐢ㄦ枃妗ｃ€佸姛鑳界偣銆丄PI绛夎搴﹁繘琛屽垎鏋愶紝鎵惧嚭涓嶈冻骞舵敼杩涙椂闂答煉€備娇鐢∟utUI鏂囨。浠庘€滀粙缁嶁€濄€佲€滃鍏ユ柟寮忊€濄€佲€滀唬鐮佹紨绀衡€濄€佲€淎PI鈥濄€佲€滃父瑙侀棶棰樷€濈瓑鏂归潰瀵圭粍浠惰繘琛屾弿杩般€傚叾涓紝鍦ㄧ粍浠剁殑浠ｇ爜婕旂ず涓紝姣忎釜绀轰緥閮藉姞鍏ヤ簡Codesandbox鍜岃嚜鐮旂殑Codehouse鍦ㄧ嚎浠ｇ爜璋冭瘯锛屾柟渚跨敤鎴锋洿鐩磋銆佹洿蹇€熷湴浜嗚В缁勪欢銆俈ant浠庘€滀粙缁嶁€濄€佲€滀粙缁嶆柟娉曗€濄€佲€滀唬鐮佹紨绀衡€濄€佲€淎PI鈥濄€佲€滀富棰樺畾鍒讹紙CSS鍙橀噺閰嶇疆锛夆€濄€佲€滃父瑙侀棶棰樷€濈瓑鏂归潰瀵圭粍浠惰繘琛屼簡鎻忚堪銆備笌鍏朵粬缁勪欢搴撶浉姣旓紝瀹冩樉绀虹殑鍐呭鏄渶鍏ㄩ潰鐨勩€俈ant鏆傛椂涓嶆彁渚涚粍浠剁殑鍦ㄧ嚎浠ｇ爜璋冭瘯鍔熻兘锛岀敤鎴峰彧鑳藉湪椤圭洰涓綋楠屻€侫ntDesignMobile浠庘€滀粙缁嶁€濄€佲€滅ず渚嬧€濄€佲€淎PI鈥濄€佲€淔AQ鈥濆洓涓柟闈㈡弿杩扮粍浠躲€傚叾涓紝AntDesignMobile鐨勬瘡涓ず渚嬮兘鍖呭惈澶氫釜Demo婕旂ず銆傜敤鎴峰湪浣跨敤鏃堕渶瑕佸鍏惰繘琛屾暣鐞嗐€傛病鏈夋瘮杩欐洿鐩磋鐨勭ず渚嬫垨浠ｇ爜婕旂ず浜嗐€俆DesignMobile浠庝笁涓柟闈㈡弿杩扮粍浠讹細鈥滀粙缁嶁€濄€佲€滅ず渚嬧€濆拰鈥淎PI鈥濄€傚叾涓紝姣忎釜渚嬪瓙閮藉姞鍏ヤ簡Stackblitz鍦ㄧ嚎浠ｇ爜璋冭瘯銆備笌鍏朵粬缁勪欢搴撲笉鍚岀殑鏄紝鍦ㄦ瘡涓粍浠剁殑浣跨敤鏂囨。涓鍔犱簡涓€涓揩閫熻繘鍏ヨ缁勪欢issue鐨勫叆鍙ｏ紝闈炲父浜烘€у寲銆侻andMobile浠庝笁涓柟闈㈡弿杩扮粍浠讹細鈥滀粙缁嶁€濄€佲€滅ず渚嬧€濆拰鈥淎PI鈥濄€侻andMobile鐨勬枃妗ｈ鏄庡緢绠€鍗曪紝鍦―emo渚嬪瓙涓緢闅剧湅鍒颁竴琛屽瓧銆俈arlet浠庘€滀粙缁嶁€濄€佲€滅ず渚嬧€濄€佲€淎PI鈥濅笁涓柟闈㈡潵鎻忚堪缁勪欢銆傚叾涓紝姣忎釜渚嬪瓙閮芥坊鍔犱簡Varlet鑷爺鐨刅arletUIPlayground鍦ㄧ嚎浠ｇ爜璋冭瘯銆備笌鍏朵粬缁勪欢搴撲笉鍚岋紝Varlet鐨勬瘡涓ず渚嬮兘鍖呭惈鎶樺彔鍔熻兘銆傜粍浠舵枃妗ｆ弿杩版槸鐢ㄦ埛浜嗚В缁勪欢鐨勯噸瑕侀€斿緞涔嬩竴銆備笂杩扮粍浠跺簱鍚勬湁浼樼己鐐广€傜浉姣斾箣涓嬶紝NutUI鍦ㄦ瘡涓緥瀛愮殑瑙ｉ噴涓婅繕鏄笉澶熺殑锛岃繖涓棶棰樹細鍦ㄥ悗缁殑鐗堟湰涓€愭瀹屽杽銆傚彟澶栵紝缁勪欢鏆撮湶鐨凙PI鍙互鍐冲畾缁勪欢鏄惁婊¤冻褰撳墠鐨勪笟鍔″満鏅€傛帴涓嬫潵鎴戜滑鐪嬬湅鍚勪釜缁勪欢搴撳澶栨毚闇茬殑API銆侫PI鍏堟潵鐪嬩竴缁勬暟鎹細姣忎釜缁勪欢搴撲腑鎵€鏈夌粍浠跺澶栨毚闇茬殑API鏁伴噺銆備粠浠ヤ笂鏁版嵁鍙互鐪嬪嚭锛孷ant鐨勭粍浠禔PI鏆撮湶鏈€澶氥€傝櫧鐒禢utUI鐨勭粍浠舵暟閲忔瘮Vant澶氾紝浣嗘瘡涓粍浠剁殑骞冲潎API鏁伴噺娌℃湁Vant楂樸€傚彲瑙侊紝NutUI鍦ㄧ粍浠舵毚闇茬殑API鏁伴噺涓婃湁鎵€涓嶈冻銆傚繀椤讳緷娆℃瘮杈冩瘡涓粍浠朵互鎵惧埌缂哄け鐨凙PI銆傚綋鐒朵篃涓嶈兘涓€鍛崇殑鍘诲姞API锛屼竴鏍风殑缁勪欢锛屼絾鏄笉鍚岀殑璁捐鎬濊矾锛屾湁浜汚PI鏄笉闇€瑕佸姞鐨勶紝闇€瑕佷笁鎬濊€屽悗琛屻€備竴鑸兘鍔涗粎浠呭叧娉ㄦ瘡涓粍浠舵槸涓嶅鐨勩€傝繕瑕佹斁澶ф牸灞€锛屽叧娉ㄧ粍浠跺簱鐨勯€氱敤鑳藉姏锛屽敖鍙兘婊¤冻寮€鍙戣€呯殑闇€姹傘€傚湪杩囧幓鐨勪竴骞撮噷锛孨utUI涓嶆柇鎵╁睍缁勪欢鍔熻兘銆俈scode鎻掍欢鏅鸿兘鎻愮ず鎻掍欢銆佽嚜鐮斿湪绾跨紪杈戝櫒CodeHouse銆佷富棰樺畾鍒躲€佸湪绾夸富棰樺畾鍒躲€佸浗闄呭寲鍧囧凡鏀寔銆侼utUIVscode鏅鸿兘鎻愮ず鎻掍欢涓哄紑鍙戣€呮彁渚涚鍒╋紝瀹炵幇鏅鸿兘瀵煎嚭API鍜岃嚜鍔ㄨˉ鍏紝鎻愬崌寮€鍙戣€呬綋楠屻€傚湪绾夸富棰樺畾鍒跺厑璁哥敤鎴峰湪寮€鍙戦樁娈靛垏鎹笉鍚屼富棰橀鏍肩殑鐨偆锛屼篃鍏佽寮€鍙戣€呯洿鎺ヤ慨鏀规寚瀹氱粍浠剁殑椋庢牸浠ユ弧瓒充笉鍚岃璁￠鏍肩殑绉诲姩涓氬姟鍦烘櫙銆俈antVant瀵瑰唴鎵胯浇鏈夎禐鎵€鏈夋牳蹇冧笟鍔★紝瀵瑰鏈嶅姟瓒呰繃10涓囧紑鍙戣€呫€傛槸涓氱晫涓绘祦鐨勭Щ鍔ㄧ缁勪欢搴撲箣涓€銆俈ant杩樺叿鏈変富棰樺畾鍒躲€佸湪绾夸富棰橀瑙堝伐鍏枫€佸浗闄呭寲绛夎兘鍔涖€傚湪绾夸富棰橀瑙堝伐鍏穠ant-theme鏄痸ant缁勪欢搴撶殑鍦ㄧ嚎涓婚棰勮宸ュ叿銆傚彲浠ラ€氳繃鎻愪緵鐨勬牱寮忓彉閲忚繘琛屼慨鏀癸紝骞跺強鏃跺弽棣堜慨鏀瑰悗鐨勬牱寮忋€侫ntDesignMobileAntDesignMobile5.0鐗堟湰鏄竴娆″交搴曠殑杩斿伐锛屽甫鏉ヤ簡鍏ㄦ柊鐨勮璁′綋楠屽拰100%閲嶅啓鐨勭粍浠朵唬鐮佸疄鐜帮紝鏇存崲浜嗘柊鐨刲ogo锛岃繘鍏ヤ簡鏂扮殑绡囩珷銆侫ntDesignMobile鍏峰涓婚瀹氬埗鍜屽浗闄呭寲鑳藉姏銆傚悓鏃跺畠涔熸湁鍦ㄧ嚎缂栬緫鐨勮兘鍔涳紝鍙槸姣旇緝闅愯斀锛堝湪绾夸綋楠岋級銆俆DesignMobileTDesignMobileVue鍙戝竷鏃堕棿涓嶉暱锛屾殏鏃朵笉鏀寔鍥介檯鍖栥€佷富棰樺畾鍒剁瓑鑳藉姏銆傛垜鐩镐俊杩欎簺鍔熻兘灏嗗湪涓嶄箙鐨勫皢鏉ユ坊鍔犮€俆DesignMobileVue铏界劧娌℃湁鑷爺鐨勫湪绾跨紪杈戝櫒锛屼絾宸茬粡鎴愬姛瀵规帴Stackblitz鍦ㄧ嚎缂栬緫鍣ㄣ€侻andMobileMandMobile榛樿鎻愪緵浜嗕竴濂楀熀浜庢淮婊撮噾铻嶄笟鍔¤璁¤鑼冪殑UI涓婚锛屽悓鏃朵篃鏀寔涓婚瀹氬埗銆備富棰樺畾鍒剁殑璁捐鎬濊矾鍜孷ant鏄竴鑷寸殑銆俈arletVarlet涓簑ebstorm鍜寁scode鎻愪緵浜嗙粍浠堕珮浜姛鑳斤紝涔熶负vscode鎻愪緵浜嗗崟鐙殑杈呭姪鎻掍欢銆俈arlet杩樿嚜涓荤爺鍙戜簡VarletUIPlayground鍦ㄧ嚎璋冭瘯宸ュ叿銆傜敤鎴峰彲浠ヤ娇鐢⊿tyleProvider缁勪欢鎴栨洿鏀笴SS鍙橀噺鏉ュ畬鎴愪富棰樺畾鍒躲€備笉闅剧湅鍑猴紝鍦ㄧ嚎璋冭瘯宸ュ叿銆佸浗闄呭寲銆佷富棰樺畾鍒躲€乂scode鎻掍欢绛夎兘鍔涘凡缁忔垚涓虹粍浠跺簱涓嶅彲鎴栫己鐨勮兘鍔涖€備笅闈㈡垜浠湅涓€涓嬪悇涓粍浠剁殑鍐呴儴瀹炵幇閫昏緫銆侷con浣滀负UI鏋勬垚涓殑閲嶈鍏冪礌锛孖con鍦ㄤ竴瀹氱▼搴︿笂褰卞搷鐫€UI鐣岄潰鐨勬暣浣撻鏍笺€傚浜庣粍浠跺簱鏉ヨ锛屽姞鍏ュぇ閲忕殑鍥剧墖浼氫弗閲嶅奖鍝嶅寘鐨勫ぇ灏忥紝濡備綍澶勭悊澶ч噺鐨勫浘鏍囨垚涓轰簡缁勪欢搴撹璁′腑鐨勪竴澶ч毦棰樸€備粠涓婂浘鍙互鐪嬪嚭锛屽叚涓粍浠跺簱鐨勫疄鐜版柟寮忓垎涓轰袱绉嶏細IconFont鍥炬爣搴揘utUI銆乂ant銆乂arlet缁勪欢搴撻兘鏄熀浜嶪conFont鍥炬爣搴撳疄鐜扮殑锛屾渶鍚庢覆鏌撲负瀛椾綋锛屽彲浠ョ洿鎺ラ€氳繃CSSControl鏄剧ず鍥炬爣澶у皬锛堜娇鐢╢ont-size锛夈€侀鑹层€侀槾褰便€佹棆杞瓑锛岀畝鍗曟槗鐢ㄣ€侼utUI鍜孷ant鐨勪娇鐢ㄦ柟寮忎笉鍚屻€侷conFont鐢熸垚鑷畾涔塈con鏂囦欢鍚庯紝NutUI灏嗕笅杞界殑鏂囦欢鏀惧湪涓嶯utUI缁勪欢寮€鍙戠浉鍚岀殑浠撳簱涓紝鑰孷ant灏嗕笅杞界殑鏂囦欢鏀惧湪鏂扮殑浠撳簱涓紝鐢熸垚@vant/icons鍖呫€俈ant鐨勫鐞嗘柟寮忔柟渚跨敤鎴峰崟鐙娇鐢紝Vant鐨勮鐢熶骇鍝佷篃鍙互閲嶅浣跨敤銆備絾鏄浜庣粍浠跺紑鍙戣€呮潵璇达紝涓€鏃︾幇鏈夌殑Icon涓嶆弧瓒筹紝鍙堝鍔犱簡涓€涓柊鐨処con锛屽氨闇€瑕侀噸鏂板彂甯冿紝杩涜鐗堟湰绠＄悊銆備粠杩欎釜瑙掑害鏉ヨ锛孨utUI鐨勫鐞嗘柟寮忎細鏇村姞鏂逛究銆備袱绉嶅鐞嗘柟寮忓悇鏈変紭缂虹偣锛屽彲鏍规嵁鍏冧欢搴撶殑鏋舵瀯鍜岃鍒掕繘琛岄€夋嫨锛屾壃闀块伩鐭€侫ntDesignMobile鍜孴DesignMobile缁勪欢搴撲腑鐨凷VG娓叉煋鍥炬爣鏄崟鐙殑NPM鍖咃紝濡傛灉瑕佷娇鐢ㄩ渶瑕佸崟鐙畨瑁呫€傛渶鍚庡憟鐜颁负鈥嬧€婼VG銆傝€孧andMobile鐩存帴浣跨敤svg-sprite-loader杩涜SVG鍥炬爣娓叉煋銆備篃鍙互浣跨敤CSS鎺у埗SVG锛屾洿濂界殑鏄紝鎮ㄨ繕鍙互鎺у埗SVG鐗瑰畾鐨勫睘鎬э紝渚嬪绗斿垝銆備笉浠呭姝わ紝SVG鏄湡姝ｇ殑鐭㈤噺鍥撅紝鍦ㄤ换浣曟儏鍐典笅閮藉彲浠ヤ繚璇佷笉澶辩湡銆備絾鏄湪鍏煎鎬ф柟闈紝涓嶅IconFont鐨勬覆鏌撳舰寮忋€傚浘鏍囧瓧浣撳嵆浣垮湪IE6涓嬩篃鑳芥甯稿憟鐜般€傛墦鍖?鏋勫缓宸ュ叿鍏ぇ缁勪欢搴撳垎鍒娇鐢╒ite銆丷ollup銆丟ulp鎵撳寘锛屽叾涓璙ite鐢ㄧ殑鏈€澶氥€備綔涓烘柊涓€浠ｇ殑鍓嶇鏋勫缓宸ュ叿锛孷ite鍦ㄧ敓浜т腑涔熶娇鐢ㄤ簡Rollup浣滀负鎵撳寘宸ュ叿锛岃€孴DesignMobile鍜孧andMobile鍒欑洿鎺ヤ娇鐢≧ollup杩涜鎵撳寘锛屽彲瑙丷ollup鐨勯噸瑕佹€с€侰SS鍙橀噺CSS鍙橀噺鏄嚜瀹氫箟灞炴€э紝鍏朵腑鍖呭惈鍙互鍦ㄦ暣涓枃妗ｄ腑閲嶅浣跨敤鐨勫€笺€傞€氳繃鑷畾涔夊睘鎬ф爣绛捐缃€硷紙渚嬪锛?-main-color:black;锛夛紝閫氳繃var()鍑芥暟鑾峰彇鍊硷紙渚嬪锛歝olor:var(--main-color);).閫氬父鐨勬渶浣冲疄璺垫槸鍦ㄦ牴浼被涓嬪畾涔夛細root:root{--main-bg-color:white;}Vant銆丄ntDesignMobile銆乀DesignMobile鍜孷arlet閫氳繃涓板瘜鐨凜SS鍙橀噺鏉ョ粍缁囨牱寮忥紝閫氳繃閲嶅啓杩欎簺CSS鍙橀噺鍙互瀹炵幇鑷畾涔変富棰樼瓑鏁堟灉銆傜敓鎬佸缓璁句簨瀹炰笂锛岀粍浠跺簱鐨勫紑鍙戣€咃紝鍚屾椂涔熸槸缁勪欢搴撶殑浜у搧缁忕悊锛屽笇鏈涚粍浠跺簱鑳藉瑕嗙洊鏇村鐨勪笟鍔″満鏅紝鏀寔鏇村鐨勬妧鏈爤锛屾嫢鏈夋洿澶氱殑鑳藉姏锛屾墍浠ユ瘡涓粍浠跺簱閮藉湪涓嶆柇鎺㈢储缁勪欢搴撶殑鍙兘鎬э紝璁╁畠涓嶆柇鍦板啀鐜版洿澶氱殑浜у搧銆侼utUINutUI鍥㈤槦涓嶆柇鍔姏锛岀幇宸叉嫢鏈?娆鹃拡瀵逛笉鍚屽満鏅殑琛嶇敓浜у搧銆侼utUI-浜笢椋庢牸鐨勭Щ鍔ㄧVue缁勪欢搴揘utUI-React-浜笢椋庢牸鐨凴eact绉诲姩绔粍浠跺簱NutUI-JDT-浜笢绉戞妧椋庢牸鐨勭Щ鍔ㄧ缁勪欢搴揘utUI-JDL-浜笢鐗╂祦椋庢牸鐨勭Щ鍔ㄧ缁勪欢搴揘utUI-Bingo-鍔╁姏钀ラ攢娲诲姩鍜屽皬娓告垙鍦烘櫙NutUI-Cat鈥斺€旈潰鍚戠Щ鍔ㄦ帹骞垮満鏅殑涓氬姟缁勪欢搴撳悓鏃讹紝涓轰簡缁欏紑鍙戣€呮彁渚涙洿楂樻晥渚挎嵎鐨勫紑鍙戞柟寮忥紝NutUI涓嶵aro鐨勭粨鍚堬紝涓嶄粎鍙互璁╁紑鍙戣€呭湪澶氱粓绔笂浠ｇ爜銆佽繍琛岋紝鑷敱鑷湪鍦板紑鍙戝皬绋嬪簭銆備篃鍙互鍦ㄥ紑鍙戣繃绋嬩腑浣跨敤鏇寸編瑙傘€佹洿鏂逛究銆佺粍浠舵洿涓板瘜鐨勭粍浠跺簱銆傛垜鎶奛utUI鍜孴aro缁撳悎寰楁洿瀹岀編浜嗐€俆aro瀹樻柟浣跨敤NutUI浣滀负Vue鎶€鏈爤鐨勬帹鑽愮粍浠跺簱銆傜幇鍦ㄥ紑鍙戣€呭皢鍙互浣跨敤NutUI鏃犵紳寮€鍙慔5鍜屽绔皬绋嬪簭銆侼utUI鎻愪緵浜?0+涓粍浠讹紝娑电洊浜嗘棩甯镐笟鍔″紑鍙戜腑浣跨敤鐨勫ぇ閮ㄥ垎缁勪欢銆俍anDesignSystemZanDesignSystem鏈嶅姟浜嶴aaS浜у搧鐨勮璁＄郴缁熴€傜洰鍓嶅畼缃戠淮鎶や簡涓変釜缁勪欢搴揨ent鈥斺€擹ent锛圽zent\锛夋槸鏈夎禐PC绔疻ebUI瑙勮寖鐨凴eact瀹炵幇锛屾彁渚涗簡涓€濂楀畬鏁寸殑鍩虹UI缁勪欢鍜屼竴浜涘父鐢ㄧ殑涓氬姟缁勪欢銆俈ant-杞婚噺绾у彲闈犵殑绉诲姩绔疺ue缁勪欢搴揤antWeapp-杞婚噺绾у彲闈犵殑灏忕▼搴廢I缁勪欢搴撶ぞ鍖哄洟闃熺淮鎶や簡2涓粍浠跺簱ReactVant-鍙傝€僔ant璁捐瑙勮寖鏋勫缓鐨凴eact妗嗘灦绉诲姩绔粍浠跺簱銆俈antAliapp-绉诲姩绔疺ue缁勪欢搴揤ant鐨勬敮浠樺疂灏忕▼搴忕増AntDesignAntDesign鐨勭敓鎬佸缓璁鹃潪甯稿叏闈紝涓昏鐢ㄤ簬浼佷笟绾т腑鍚庡彴浜у搧鐨勭爺鍙戙€傜洰鍓嶇淮鎶ょ殑浜у搧寰堝锛屼絾澶ч儴鍒嗚繕鏄簲鐢ㄤ簬PC绔疉ntDesignMobile-绉诲姩绔疪eact缁勪欢搴揂ntDesignMini-鏀粯瀹濆皬绋嬪簭UI缁勪欢搴揟DesignTDesign瀹樼綉鑷村姏浜庢墦閫犱紒涓氱骇璁捐浣撶郴.鍙互鐪嬪嚭TDesign鐨勪骇鍝佸緢澶氥€傜劧鑰岋紝澶ч儴鍒嗙Щ鍔ㄤ骇鍝佷粛鍦ㄧ瓑寰呮帹鍑恒€傚彂甯冧簡涓夋绉诲姩绔骇鍝侊細TDesignMobileVue鈥斺€斺€嬧€嬮€傞厤绉诲姩绔殑Vue缁勪欢搴擄紝灏氬浜嶢lpha锛堝唴娴嬶級闃舵TDesignMiniprogram鈥斺€擳Design寰俊灏忕▼搴忕粍浠禩DesignQQ灏忕▼搴忊€斺€擳DesignQQ灏忕▼搴忕粍浠跺簱锛岃繕鍦ˋlpha锛堝唴娴嬶級闃舵MandMobileMandMobile鏄淮婊村嚭琛岄拡瀵归噾铻嶅満鏅紑鍙戠殑Vue缁勪欢搴擄紝绉诲姩绔骇鍝佹湁3涓狹andMobile-閲戣瀺鍦烘櫙鐨刅ue绉诲姩绔疷I缁勪欢搴揅ubeUI-绮捐嚧鐨勭Щ鍔ㄧ鍩轰簬Vue.js鐨勭粍浠跺簱Pile.js鈥斺€斾竴涓熀浜嶳eact鐨勭Щ鍔ㄥ紑鍙戠粍浠跺簱锛孭ile.js1.x鐗堟湰鍙ｇ杩樻槸涓嶉敊鐨勩€傛渶鍚庨€氳繃NutUI涓庡叾浠栫粍浠跺簱鐨勫姣旓紝鏃㈠彂鐜颁簡涓嶈冻锛屼篃鍙戠幇浜嗙粍浠跺簱鐨勪寒鐐广€侼utUI缁勪欢鐨勮兘鍔涗笉瓒充粠骞村垵寮€濮嬶紝鍒扮幇鍦ㄥ凡缁忔帴杩戝熬澹般€傜浉淇″紑鍙戣€呬細鎱㈡參浣撲細鍒癗utUI鐨勫彉鍖栥€傛渶鍚庯紝甯屾湜杩欑瘒鏂囩珷鑳藉浣犳湁鎵€甯姪銆備竴涓粍浠跺簱瑕佹兂鎴愬姛锛岄渶瑕佸湪鍚勪釜鏂归潰鍋氬埌灏藉杽灏界編銆侼utUI涔熷皢鍙栭暱琛ョ煭锛屼笉鏂畬鍠勶紝涓哄紑鍙戣€呭甫鏉ユ瀬鑷翠綋楠屻€傛杩庡姞鍏utUI澶у搴紝璁╁畠鏇存湁浠峰€紐濡傛灉鍦ㄥ紑鍙戣繃绋嬩腑閬囧埌闂锛屽彲浠ラ殢鏃舵彁鍑篿ssue锛孨utUI鍥㈤槦鐨勫悓瀛︿細璁ょ湡瀵瑰緟骞惰В鍐抽棶棰樸€傚鏋滀綘鏈夊ソ鐨勭粍浠讹紝鏃犺鏄笟鍔＄殑杩樻槸閫氱敤鐨勶紝浣犻兘鍙互鍚慛utUI缁勪欢搴撴彁浜R銆傞潪甯告杩庡ぇ瀹跺弬涓庡叡寤恒€傛湡寰呮偍鐨勪娇鐢ㄥ拰鍙嶉鉂わ笍~
