大家一般选用什么UI框架做手机端页面开发?
如果是用vue进行开发,一般选择vant,如果是react,可以考虑用antdesignmobile,个人觉得两者都不错,尤其是antdesign非常不错,蚂蚁金服出品的。
绛旓細濡傛灉鏄敤vue杩涜寮鍙戯紝涓鑸夋嫨vant锛屽鏋滄槸react锛屽彲浠ヨ冭檻鐢╝ntdesignmobile锛屼釜浜鸿寰椾袱鑰呴兘涓嶉敊锛屽挨鍏舵槸antdesign闈炲父涓嶉敊锛岃殏铓侀噾鏈嶅嚭鍝佺殑銆
绛旓細Sencha Touch 鏄笘鐣屼笂绗竴涓熀浜 HTML5 鐨勭Щ鍔 Web 寮鍙戞鏋,鏀寔鏈鏂扮殑 HTML5 鍜 CSS3 鏍囧噯,鍏ㄩ潰鍏煎 Android 鍜 Apple iOS 璁惧,鎻愪緵浜嗕赴瀵岀殑 WEB UI 缁勪欢,鍙互蹇熺殑寮鍙戝嚭杩愯浜庣Щ鍔ㄧ粓绔殑搴旂敤绋嬪簭銆係hencha鏄涓涓娇鐢℉TML5,CSS鍜孞avaScript骞朵笖鏀寔闊抽/瑙嗛,鏈湴瀛樺偍,鍦嗚,娓愬彉鑳屾櫙浠ュ強闃村奖鐨勫紑鍙戞鏋躲
绛旓細1. 閫傚悎绉诲姩绔殑UI妗嗘灦锛- Mint UI锛氶タ浜嗕箞鍥㈤槦寮鍙戠殑鍩轰簬Vue鐨勭Щ鍔ㄧUI妗嗘灦銆- SUI Mobile锛氶樋閲屽反宸村叡浜笟鍔′簨涓氶儴UED鍥㈤槦寮鍙戠殑绉诲姩绔疷I搴撱- Weui锛氬井淇″畼鏂硅璁″洟闃熷紑鍙戠殑寰俊Web鏈嶅姟UI搴撱- YDUI Touch锛氫竴鍙敞閲嶅缇庯紝涓旀ц兘楂樻晥鐨勭Щ鍔ㄧ&寰俊UI銆- GMU锛氱櫨搴MU灏忕粍寮鍙戠殑鍩轰簬zepto鐨勮交閲忕骇mobi...
绛旓細Bootstrap銆丗oundation銆丮aterial UI銆丄nt Design銆乂ue UI妗嗘灦绛銆1. Bootstrap: Bootstrap鏄竴涓祦琛岀殑鍓嶇寮鍙戞鏋讹紝瀹冩彁渚涗簡涓板瘜鐨凜SS鍜孞avaScript缁勪欢锛岀敤浜庡揩閫熷紑鍙戝搷搴斿紡鍜岀Щ鍔ㄤ紭鍏堢殑UI鐣岄潰銆侭ootstrap鍖呭惈浜嗚澶氶鍏堣璁$殑鏍峰紡鍜岀粍浠舵ā鏉匡紝寮鍙戣呭彲浠ョ洿鎺ヤ娇鐢ㄦ垨鑰呰繘琛屽畾鍒躲傜敱浜庡叾鐏垫椿鎬у拰鏄撶敤鎬э紝Bootst...
绛旓細2. Material Design妗嗘灦 Material Design鏄疓oogle鎺ㄥ嚭鐨勮璁¤瑷妗嗘灦锛屽畠鍩轰簬绾歌川瑙︽劅鐨刄I璁捐銆傚湪Android寮鍙戜腑锛孧aterial Design鎻愪緵浜嗕竴绯诲垪鐨刄I缁勪欢鍜岃璁¤鑼冿紝鏃ㄥ湪甯姪寮鍙戣呭垱寤虹編瑙傘佺幇浠e寲鐨勭敤鎴风晫闈傝繖涓妗嗘灦寮鸿皟鍔ㄧ敾鍜岃繃娓℃晥鏋滐紝鎻愬崌鐢ㄦ埛浣撻獙銆3. 绗笁鏂筓I妗嗘灦鍜屽簱 闄や簡Android鍘熺敓鍜孧aterial Design...
绛旓細Frozen UI鏄竴涓紑婧愮殑绠鍗曟槗鐢紝杞婚噺蹇嵎鐨勭Щ鍔ㄧUI妗嗘灦銆傚熀浜庢墜Q鏍峰紡瑙勮寖锛岄夊彇鏈甯哥敤鐨勭粍浠讹紝鍋氭垚鎵婹鍏敤绂荤嚎鍖呭噺灏戣姹傦紝鍗囩骇鏂瑰紡鍙嬪ソ锛屾枃妗e畬鍠勶紝鐩墠鍏ㄩ潰搴旂敤鍦ㄨ吘璁墜Q澧炲间笟鍔′腑銆5.uiKit uiKit鏄竴娆捐交閲忕骇銆佹ā鍧楀寲鐨勫墠绔鏋讹紝鍙揩閫熸瀯寤哄己澶х殑web鍓嶇鐣岄潰銆6.H-ui H-ui鏄交閲忕骇鍓嶇妗嗘灦锛...
绛旓細甯哥敤UI妗嗘灦鏈夛細1. Bootstrap Bootstrap鏄竴涓潪甯告祦琛岀殑鍓嶇寮鍙戞鏋讹紝鍙敤浜庡揩閫熷紑鍙戝搷搴斿紡鐨刉eb搴旂敤绋嬪簭銆傚畠鍖呭惈浜嗛璁捐鐨凜SS鏍峰紡鍜屼赴瀵岀殑JavaScript缁勪欢锛岃兘澶熺畝鍖栬璁″拰甯冨眬宸ヤ綔銆侭ootstrap鎻愪緵浜嗕竴绉嶇伒娲荤殑鏍呮牸绯荤粺鏉ラ傚簲涓嶅悓灞忓箷灏哄鍜岃澶囩被鍨嬶紝骞朵笖鏄撲簬闆嗘垚鍒扮幇鏈夌殑椤圭洰涓傛澶栵紝Bootstrap杩樻彁渚涗簡...
绛旓細Amaze UI | 涓浗棣栦釜寮婧 HTML5 璺ㄥ睆鍓嶇妗嗘灦銆侫maze UI 浠ョЩ鍔ㄤ紭鍏堬紙Mobile first锛変负鐞嗗康锛岀粍浠朵赴瀵岋紝妯″潡鍖栵紱鏈湴鍖栨敮鎸侊紝 鍏虫敞涓枃鎺掔増锛涜交閲忕骇锛岄珮鎬ц兘銆傚畼缃戞彁渚涙湁涓板瘜鐨勬ā鏉夸笅杞姐傜粐姊︾郴缁焪ap鎵嬫満妯″潡灏辨槸鐢ㄧ殑灏辨槸杩欎釜銆係UI 鏄竴濂楀熀浜巄ootstrap寮鍙戠殑鍓嶇缁勪欢搴擄紝鍚屾椂濂逛篃鏄竴濂楄璁¤鑼冦傞氳繃...
绛旓細浠庡瘜鏂囨湰缂栬緫鍣ㄣ佸璇濇绠$悊锛屽埌瑙嗗浘鍔ㄧ敾銆佹粦鍔ㄥ竷灞锛屽啀鍒拌嚜閫傚簲瀛椾綋鍜屾棤闄愭粴鍔紝杩欎唤鎸囧崡鍑犱箮娑电洊浜咥ndroid UI寮鍙戠殑鍏ㄦ柟浣嶅唴瀹广傛澶栵紝瀹冭繕娑夊強浜哖icker銆丅anner銆佺綉椤垫祻瑙堛佹ā绯婃晥鏋溿佸窘鏍囩鐞嗭紝浠ュ強璺緞缁樺埗鍜屾粦鍔ㄥ鑸瓑楂樼骇鍔熻兘銆傛渶鍚庯紝杩樻湁鍑犱釜閫氱敤鐨刄I妗嗘灦浣跨敤鎸囧崡锛屽QMUI_Android锛屼负寮鍙戣呮彁渚涗簡涓绔...
绛旓細鍓嶇ui妗嗘灦鏈:閫傚悎绉诲姩绔殑UI妗嗘灦(Mint UI銆丼UI Mobile銆乄eui绛),閫傚悎PC 绔殑UI妗嗘灦(iView銆丒lement UI銆丼UI銆丠-ui绛),閫傚悎娣峰悎寮鍙戠殑UI妗嗘灦(ionic銆丗ramework7绛),浠ヤ笅鏄叿浣撶殑鍐呭浠嬬粛銆傞傚悎绉诲姩绔殑UI妗嗘灦Mint UI(楗夸簡涔堝洟闃)涓枃瀹樼綉:http://mint-ui.github.io/#!/zh-cn鎻忚堪:鍩轰簬vue鐨勭Щ鍔ㄧUI妗嗘灦...