From c719ace1983a32b8cfb7753b60e8116867486394 Mon Sep 17 00:00:00 2001 From: 云 <2163098428@qq.com> Date: 星期五, 09 十月 2026 18:04:57 +0800 Subject: [PATCH] docs(mobile): 添加移动端设计方案文档 --- docs/移动端设计方案.md | 431 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 431 insertions(+), 0 deletions(-) diff --git "a/docs/\347\247\273\345\212\250\347\253\257\350\256\276\350\256\241\346\226\271\346\241\210.md" "b/docs/\347\247\273\345\212\250\347\253\257\350\256\276\350\256\241\346\226\271\346\241\210.md" new file mode 100644 index 0000000..f0229b6 --- /dev/null +++ "b/docs/\347\247\273\345\212\250\347\253\257\350\256\276\350\256\241\346\226\271\346\241\210.md" @@ -0,0 +1,431 @@ +# MOM 绉诲姩绔璁℃柟妗� + +鐗堟湰锛氫紭鍖栫 V3锛坲i-ux-pro-max锛夛紝2026-10-09銆傜敤閫旓細鍔熻兘涓庝氦浜掕瘎瀹★紝灏氭湭瀹炴柦銆� + +鏈増淇濈暀娴忚鍣ㄨ闂��480 脳 800 瑙嗗彛銆佺櫥褰曟椂閫夋嫨绉诲姩绔� / PC 绔互鍙婃暟鎹簱鏉冮檺鏄犲皠銆傝璁℃柟鍚戜负娓呮櫚銆佺揣鍑戠殑鐜板満浣滀笟鐣岄潰锛氫竴椤靛洿缁曚竴涓富瑕佷换鍔★紝濮嬬粓鏄剧ず浣滀笟瀵硅薄涓庝綅缃紝鎿嶄綔缁撴灉鍙互鍥炵湅銆傜 11锝�12 鑺備负鏈琛ュ厖鐨勮瑙夌郴缁熴�侀〉闈㈣鏍煎拰璇勫鏍囧噯銆� + +## 1. 瀹氫綅涓庤竟鐣� + +闈㈠悜鐢熶骇鎿嶄綔鍛樸�佷粨搴撲綔涓氬憳鍜岀幇鍦虹彮缁勮礋璐ｄ汉锛岄�氳繃娴忚鍣ㄨ闂紝浠� 480 脳 800 瑙嗗彛浼樺厛璁捐銆傛牳蹇冪洰鏍囨槸璁╁憳宸ュ湪鐜板満瀹屾垚鎵爜銆佺粦瀹氥�佸叆搴撱�佹嫞璐у拰浠诲姟澶勭悊锛屽噺灏戣繑鍥炵數鑴戝綍鍏ョ殑娆℃暟銆� + +鍓嶇鍩轰簬 `mom-pro2-before` 鐨勪笟鍔″拰鎺ュ彛缁勭粐璁捐銆傚缓璁部鐢� Vue 3銆乀ypeScript銆乂ite 鐨勬妧鏈綋绯伙紝鏂板鐙珛绉诲姩鍏ュ彛鍜岄〉闈紝澶嶇敤璁よ瘉銆佹帴鍙ｇ被鍨嬨�佸瓧鍏镐笌涓氬姟瑙勫垯銆傜Щ鍔ㄧ閲囩敤浠诲姟鍒楄〃鍜屾楠よ〃鍗曪紝涓嶇洿鎺ョ缉灏忕幇鏈夋闈㈣〃鏍笺�� + +澶栭儴娑堣垂鑰呮壂鐮佹函婧愰〉涓庡憳宸ョЩ鍔ㄧ鏄袱绉嶄笉鍚屽満鏅細鍛樺伐绔渶瑕佺櫥褰曞苟鎸夊矖浣嶆巿鏉冿紱鍏紬鎵爜缁х画杩涘叆鐜版湁鍏紑婧簮椤点�� + +## 2. 鏁版嵁搴撴牳鏌ョ粨鏋� + +2026-10-09 棣栬疆鏂规鏍告煡璇诲彇浜嗗綋鍓� `local` 閰嶇疆瀵瑰簲鏁版嵁搴撶殑 `system_menu`銆乣system_role`銆乣system_role_menu`锛屾湭淇敼鏁版嵁銆傝彍鍗曞強鎸夐挳鏉冮檺鍏� 1157 鏉★紱浠ヤ笅鑿滃崟鍧囦负鏈垹闄ゃ�佸惎鐢ㄧ姸鎬併�� + +`visible=true` 琛ㄧず鑿滃崟鑷韩鍙锛屼笉浠ｈ〃鏌愪釜鍛樺伐宸茶幏鎺堟潈銆傚繀椤诲悓鏃惰�冭檻鐖剁骇鏄剧ず閰嶇疆銆佺敤鎴疯鑹层�佺鎴疯彍鍗曡寖鍥村拰鍚庣鏁版嵁鏉冮檺銆備互涓嬩负绉诲姩绔缓璁撼鍏ョ殑鍔熻兘锛屼笉鏄綋鍓嶇敤鎴峰彲瑙佽彍鍗曠殑鏂█銆� + +| 绉诲姩绔姛鑳藉悕绉� | 鏁版嵁搴撹彍鍗曞悕绉� / ID | 鐜版湁鍓嶇缁勪欢 | 寤鸿闃舵 | +|---|---|---|---| +| 鎵爜鍏ュ簱 | 鐢熶骇绾挎壂鐮佸叆搴� / 602650 | `mes/pro/scan-in/index` | 棣栨湡鏍稿績 | +| 琚嬬爜鏌ヨ涓庣粦瀹� | 璧嬬爜绠＄悊 / 602618 | `mes/pro/bagCode/index` | 棣栨湡鏍稿績 | +| 鎵樼洏鏌ヨ涓庣粦瀹� | 鎵樼洏鐮佺鐞� / 602624 | `mes/pro/pallet/index` | 棣栨湡鏍稿績 | +| 鎵规鏌ヨ | 鎵规鐢熶骇绠＄悊 / 602612 | `mes/pro/batch/index` | 棣栨湡鏌ヨ | +| 搴撳瓨鏌ヨ | 搴撳瓨鐜版湁閲� / 5786 | `wls/materialstock/index` | 棣栨湡鏌ヨ | +| 鍏ュ簱浠诲姟 | 浜у搧鍏ュ簱 / 5819 | `wls/productreceipt/index` | 绗簩闃舵 | +| 鍑哄簱浠诲姟 | 閿�鍞嚭搴� / 5970 | `wls/productsales/index` | 绗簩闃舵 | +| 鍙戣揣浠诲姟 | 鍙戣揣閫氱煡 / 5867 | `wls/salesnotice/index` | 绗簩闃舵 | +| 鐩樼偣浠诲姟 | 鐩樼偣浠诲姟 / 5957 | `wls/stocktaking/task/index` | 绗簩闃舵 | +| 搴撳瓨娴佹按 | 搴撳瓨浜嬪姟娴佹按 / 602476 | `wls/transaction/index` | 棣栨湡绠�鐗堟煡璇� | +| 鐢熶骇鎶ュ伐 | 鐢熶骇鎶ュ伐 / 5550 | `mes/pro/feedback/index` | 绗簩闃舵锛岄渶纭寮�鏀捐寖鍥� | +| 绉嶅瓙璐ㄦ | 绉嶅瓙璐ㄦ / 1065217 | `mes/qc/seedQuality/index` | 绗笁闃舵 | +| 鎵规杩芥函 | 鎵规杩芥函 / 5966 | `mes/qc/batchtrace/index` | 棣栨湡绠�鐗堟煡璇� | +| 寰呭姙瀹℃壒 | 寰呭姙浠诲姟 / 1207 | `bpm/task/todo/index` | 绗笁闃舵锛岄渶纭寮�鏀捐寖鍥� | + +闇�瑕佺壒鍒鐞嗙殑閰嶇疆锛� + +- 鈥滀竴琚嬩竴鐮佺鐞嗏�濃�滀粨鍌ㄧ墿娴佲�濃�滃嚭搴撴祦閫氱鐞嗏�濃�滆川閲忕鐞嗏�濇牴鐩綍褰撳墠鍙銆� +- 鈥滅敓浜х鎺р�濃�滃崗鍚屽姙鍏�濇牴鐩綍褰撳墠闅愯棌锛涘叾涓嬮儴鍒嗛〉闈㈠彲瑙侊紝浣嗕笉鑳芥嵁姝ょ洿鎺ュ紑鏀剧Щ鍔ㄥ叆鍙ｃ�� +- 鈥滅敓浜ч鏂欌�濃�滅敓浜ч��鏂欌�濃�滃畨鐏懠鍙�濃�滃緟妫�浠诲姟鈥濈瓑鑿滃崟褰撳墠闅愯棌锛屽厛涓嶄綔涓洪粯璁ゅ叆鍙ｃ�� +- 鏌ヨ鍒扮殑瑙掕壊浠ヨ秴绾х鐞嗗憳銆佹櫘閫氳鑹层�丆RM 绠＄悊鍛樸�佺鎴风鐞嗗憳绛変负涓伙紱鏈娌℃湁鍙戠幇鏄庣‘鍛藉悕鐨勭敓浜ф搷浣滃憳銆佷粨搴撲綔涓氬憳瑙掕壊銆備笅鏂囧矖浣嶅垝鍒嗘槸寤鸿锛屽疄鏂藉墠闇�瑕侀厤缃垨鏄犲皠鐜版湁瑙掕壊锛屽苟鏍稿鍏宠仈鐢ㄦ埛銆� + +## 3. 瀵艰埅銆佸矖浣嶄笌宸ヤ綔鍙� + +搴曢儴璁剧疆 **宸ヤ綔鍙般�佷綔涓氥�佽褰曘�佹垜鐨�** 鍥涗釜鍏ュ彛銆傚彧鏈夎繖鍥涗釜涓�绾ч〉闈繚鐣欏簳閮ㄥ鑸紱鎵爜銆佽鎯呫�佺粦瀹氬拰纭椤甸潰浣跨敤杩斿洖鎸夐挳鍙婁笟鍔℃搷浣滄爮锛岄伩鍏嶅簳閮ㄥ鑸笌鎻愪氦鎸夐挳绔炰簤绌洪棿銆� + +鈥滃紑濮嬫壂鐮佲�濆繀椤诲甫褰撳墠鐢ㄩ�旓紝渚嬪鈥滄壂鐮佸叆搴撯�濇垨鈥滄壂鐮佹煡璇⑩�濄�傝瘑鍒簩缁寸爜涓嶇瓑浜庡厑璁稿啓鍏ワ紝涓嶈兘閫氳繃涓�涓湭娉ㄦ槑鐢ㄩ�旂殑鎵爜鎸夐挳鐩存帴鍏ュ簱銆� + +### 宸ヤ綔鍙帮細棣栧睆璁╁憳宸ョ煡閬撳湪鍝噷銆佸仛浠�涔� + +480 脳 800 瑙嗗彛鐨勫唴瀹归『搴忥細 + +1. 椤舵爮锛氶〉闈㈡爣棰樸�佺敤鎴峰叆鍙ｃ�� +2. 浣滀笟涓婁笅鏂囷細褰撳墠宀椾綅銆佷骇绾裤�佸簱鍖� / 搴撲綅锛屽彲鐐瑰嚮鍒囨崲銆� +3. 澶ф寜閽�滄壂鐮佸叆搴撯�濓紝涓嬫柟鎻愪緵鈥滄壂鐮佹煡璇⑩�濇瑕佸叆鍙ｃ�傛棤鍏ュ簱鏉冮檺鏃讹紝鏌ヨ鎴愪负涓绘搷浣溿�� +4. 鍥涗釜甯哥敤鍏ュ彛锛岄噰鐢ㄤ袱鍒楀竷灞�锛屽浘鏍囬厤鐭爣绛俱�� +5. 寰呭鐞嗕换鍔℃渶澶氫笁鏉★紱棣栨湡灏氭湭鎺ュ叆浠诲姟鏃跺睍绀烘渶杩戜綔涓氾紝涓嶈兘灞曠ず铏氭瀯鏁伴噺銆� +6. 搴曢儴瀵艰埅銆� + +鐢ㄦ埛绗竴娆′娇鐢ㄥ厛璁剧疆鏈夋潈闄愮殑浣滀笟浣嶇疆锛涗互鍚庤浣忎笂娆￠�夋嫨锛屽苟鍦ㄦ瘡娆″啓鎿嶄綔纭椤靛啀娆″睍绀虹洰鏍囦綅缃�傜敤鎴锋湁澶氬矖浣嶆潈闄愭椂锛屽垏鎹㈢殑鏄椤靛竷灞�鍜屼换鍔¤鍥撅紝涓嶈兘鎵╁ぇ鍚庣鏉冮檺銆� + +### 宀椾綅榛樿鍏ュ彛 + +| 宀椾綅瑙嗗浘锛堝缓璁厤缃級 | 棣栨湡甯哥敤鍏ュ彛 | 鍚庣画鍏ュ彛 | +|---|---|---| +| 鐢熶骇鎿嶄綔鍛� | 鎵爜鍏ュ簱銆佽鐮佺粦瀹氥�佹墭鐩樼粦瀹氥�佹壒娆℃煡璇� | 鎴戠殑鐢熶骇浠诲姟銆佺敓浜ф姤宸� | +| 浠撳簱浣滀笟鍛� | 鎵爜鍏ュ簱銆佸簱瀛樻煡璇€�佹墭鐩樻煡璇€�佷綔涓氳褰� | 鍏ュ簱浠诲姟銆佸嚭搴撴嫞璐с�佺洏鐐逛换鍔� | +| 鐝粍璐熻矗浜� | 鎵规鏌ヨ銆佷綔涓氳褰曘�佸簱瀛樻煡璇€�佹壂鐮佹煡璇� | 鐝粍浠诲姟銆佸紓甯稿鐞嗐�佽繘搴︽瑙� | + +璐熻矗浜烘瑙堝拰鐝粍璁板綍闇�瑕佸搴旀暟鎹潈闄愭垨鏂板鑱氬悎鎺ュ彛锛涗笉鑳戒粎鍑矖浣嶅悕绉版帹瀹氬凡缁忓叿澶囥�� + +### 缁熶竴鐧诲綍椤碉細閫夋嫨绉诲姩绔垨 PC 绔� + +鍚屼竴涓櫥褰曢〉鎻愪緵鈥滅Щ鍔ㄧ / PC 绔�濅袱椤归�夋嫨锛屾斁鍦ㄨ处鍙疯緭鍏ュ尯鍩熶笂鏂广��480 脳 800 瑙嗗彛涓嬮�夋嫨鍣ㄣ�佽处鍙枫�佸瘑鐮併�侀獙璇佺爜鍜岀櫥褰曟寜閽娇鐢ㄥ崟鍒楀竷灞�锛涙闈㈢淇濇寔鐜版湁鐧诲綍椤电殑瑙嗚缁撴瀯銆� + +棣栨杩涘叆鐧诲綍椤碉紝寤鸿鎸� CSS 瑙嗗彛瀹藉害鍒濆鍖栵細灏忎簬 768px 榛樿绉诲姩绔紝澶т簬绛変簬 768px 榛樿 PC 绔�傝鍊兼槸璁捐寤鸿锛屽簲閫氳繃鐩爣璁惧楠岃瘉锛涚敤鎴峰缁堝彲浠ユ墜鍔ㄥ垏鎹€��480px 瀹藉害榛樿閫夋嫨绉诲姩绔�� + +瑙勫垯濡備笅锛� + +1. 鑷姩鍒ゆ柇鍙垵濮嬪寲閫夋嫨锛屼笉闄愬埗鐢ㄦ埛閫夋嫨锛屽睆骞曡緝灏忎篃鍏佽閫夋嫨 PC 绔�� +2. 鐢ㄦ埛鎵嬪姩閫夋嫨鍚庯紝绐楀彛缂╂斁銆佹棆杞拰杞敭鐩樺嚭鐜板潎涓嶅緱瑕嗙洊閫夋嫨銆� +3. 鐧诲綍澶辫触銆侀獙璇佺爜閲嶈瘯鏃朵繚鐣欏綋鍓嶉�夋嫨锛涙湰娆′細璇濆埛鏂板悗缁х画浣跨敤宸查�夋嫨鐨勭銆� +4. 鐧诲綍鍚庝笉鍥犲睆骞曞搴﹀彉鍖栧垏鎹㈤〉闈㈠拰鑿滃崟锛涚绫诲瀷浣滀负鏈浼氳瘽鐨勭晫闈㈣缃�� +5. 閫�鍑哄悗閲嶆柊杩涘叆鐧诲綍椤碉紝閲嶆柊鎸夊綋鍓嶈鍙ｇ粰鍑洪粯璁ら�夋嫨銆傜櫥褰曢〉鐨勭閫夋嫨涓嶆敼鍙樿处鍙锋墍灞炶鑹插拰鏉冮檺銆� + +鐧诲綍娴佺▼锛氶�夋嫨绔� 鈫� 杈撳叆璐﹀彿 / 瀵嗙爜 鈫� 璁よ瘉鍙婇獙璇佺爜 鈫� 鑾峰彇鐢ㄦ埛鎺堟潈 鈫� 鍔犺浇璇ョ鑿滃崟涓庤矾鐢� 鈫� 杩涘叆瀵瑰簲棣栭〉銆� + +- PC 绔細杩涘叆鐜版湁妗岄潰棣栭〉锛屽睍绀哄綋鍓嶈处鍙峰凡鎺堟潈鐨� PC 鑿滃崟銆� +- 绉诲姩绔細杩涘叆绉诲姩宸ヤ綔鍙帮紝灞曠ず褰撳墠璐﹀彿宸叉巿鏉冧笖宸茬粡閫傞厤绉诲姩椤甸潰鐨勮彍鍗曘�� +- 鏃犳墍閫夌鍔熻兘鏉冮檺锛氭樉绀衡�滃綋鍓嶈处鍙锋殏鏃犺绔彲鐢ㄥ姛鑳解�濓紝鎻愪緵鍒囨崲鍙︿竴绔垨閫�鍑哄叆鍙ｏ紝涓嶉潤榛樻敼閫夛紝涔熶笉璧嬩簣棰濆鏉冮檺銆� +- 鐧诲綍鍓嶅瓨鍦ㄧ洰鏍囧湴鍧�鏃讹紝浠呭湪鍏跺睘浜庢墍閫夌涓旀湁鏉冮檺鏃舵仮澶嶏紱鍚﹀垯杩涘叆鎵�閫夌榛樿棣栭〉銆� + +鈥滄垜鐨� / 涓汉璁剧疆鈥濆彲鎻愪緵鈥滃垏鎹㈣嚦 PC 绔� / 绉诲姩绔�濄�傚垏鎹㈠墠澶勭悊鏈彁浜や綔涓氾紝鍒囨崲鏃舵竻鐞嗗師绔姩鎬佽矾鐢便�佽彍鍗曞強鐩稿叧椤甸潰鐘舵�侊紝鍐嶅姞杞界洰鏍囩鏉冮檺瑙嗗浘銆傛槸鍚﹀厑璁镐笉閲嶆柊鐧诲綍鍒囨崲锛屽疄鏂芥椂鎸夌幇鏈変細璇濇満鍒堕獙璇併�� + +### 浣滀笟銆佽褰曘�佹垜鐨� + +- **浣滀笟锛�**鈥滄壂鐮佷綔涓氥�佹煡璇㈠伐鍏枫�佷换鍔″鐞嗏�濅笁涓垎缁勶紝鏈�澶氫袱灞傚鑸�傛湭鎺ュ叆鍔熻兘涓嶅睍绀哄彲鐐瑰嚮鍏ュ彛銆� +- **璁板綍锛�**鏈汉浠婃棩璁板綍涓洪粯璁わ紱鏃ユ湡銆佺姸鎬佺瓫閫夋斁鍦ㄩ《閮ㄦ垨搴曢儴鎶藉眽銆傛瘡鏉℃樉绀烘搷浣溿�佸璞＄爜鍊笺�佺粨鏋溿�佹椂闂淬�傚垪琛ㄧ姸鎬佷笌璇︽儏鐘舵�佷竴鑷淬�� +- **鎴戠殑锛�**璐﹀彿銆佸凡鎺堟潈宀椾綅銆佷綔涓氫綅缃�佹壂鐮佹柟寮忋�佸府鍔┿�侀��鍑恒�傚崟绉熸埛璐﹀彿涓嶅睍绀烘棤鏁堢殑绉熸埛鍒囨崲鍏ュ彛銆� +- 鏌ヨ鍒楄〃杩斿洖鍚庢仮澶嶅師鏈夌瓫閫夈�佸垎椤典笌婊氬姩浣嶇疆锛涙祻瑙堝櫒杩斿洖閿笌椤甸潰杩斿洖琛屼负淇濇寔涓�鑷淬�� + +## 4. 鏍稿績浣滀笟锛氭槑纭噰闆嗐�佹牎楠屻�佹彁浜や笁涓樁娈� + +### 鎵爜鍏ュ簱 + +浣滀笟妯″紡 / 浣嶇疆璁剧疆 鈫� 鎵爜閲囬泦 鈫� 鏌ヨ骞舵牎楠屽璞� 鈫� 鍏ュ簱纭 鈫� 鏈嶅姟绔鐞� 鈫� 鎴愬姛缁撴灉鎴栧彲鎭㈠閿欒銆� + +**鎵爜閲囬泦椤碉細**椤堕儴鎸佺画鏄剧ず鈥滄壂鐮佸叆搴撯�濆拰鐩爣搴撳尯 / 搴撲綅锛涗腑闂存樉绀哄彇鏅尯锛涗笅鏂规樉绀烘彁绀轰笌鏈�杩戣瘑鍒粨鏋滐紱搴曢儴鎻愪緵鈥滄墜鍔ㄨ緭鍏モ�濄�傝瘑鍒垚鍔熷悗鏆傚仠璇嗗埆锛岃繘鍏ョ‘璁ら〉锛岄伩鍏嶅悓涓�鐮佽鍙嶅澶勭悊銆� + +**纭椤碉細**绐佸嚭鍝佺銆佸畬鏁寸爜鍊笺�佺爜绫诲瀷銆佸叆搴撴暟閲忋�佺洰鏍囦綅缃紱鎵规銆佷骇绾跨瓑琛ュ厖淇℃伅鏀惧湪涓嬫柟銆備富瑕佹寜閽啓鈥滅‘璁ゅ叆搴撯�濓紝鍙栨秷杩斿洖閲囬泦椤点�傛暟閲忔槸鍚﹀彲缂栬緫鍙婂崟浣嶆崲绠楋紝浠ュ悗绔鍒欎负鍑嗭紝涓嶅琚嬬爜銆佹墭鐩樼爜銆佹壒娆＄爜缁熶竴鍋囪鏁伴噺涓� 1銆� + +**鎴愬姛椤碉細**鏄剧ず鍏蜂綋瀵硅薄銆佸叆搴撲綅缃拰鏃堕棿锛屼富鎸夐挳鈥滅户缁壂鐮佲�濓紝娆¤鍏ュ彛鈥滄煡鐪嬭褰曗�濄�備笉鑳藉彧鏄剧ず鐭殏鎻愮ず鍚庣珛鍗宠鐩栫粨鏋溿�� + +鐜版湁 `/mes/pro/scan-in/inbound` 鏀寔 `BAG`銆乣PALLET`銆乣BATCH`锛屽寘鍚� `eventId`銆佷骇绾裤�佹暟閲忋�佸簱鍖哄拰搴撲綅鍙傛暟銆傚鐢ㄥ墠闇�鏍稿鑷姩璇嗗埆鎺ュ彛銆佹暟閲忚涔夈�佸叆搴撳璞℃湁鏁堟�у拰鏈嶅姟绔箓绛夈�� + +绗竴鐗堥噰鐢ㄥ崟娆℃壂鐮佺‘璁ゃ�傝繛缁壂鐮佷綔涓氫綔涓哄悗缁兘鍔涳細閿佸畾涓婁笅鏂囥�侀�愰」鏍￠獙銆佺粨鏋滃彲杩芥函锛屽け璐ュ仠姝㈠苟澶勭悊锛屼笉鑳藉洜鐭椂闂存棤閲嶅灏卞亣瀹氫笟鍔″畨鍏ㄣ�� + +### 琚嬬爜缁戝畾鎵樼洏 + +鎵弿鐩爣鎵樼洏 鈫� 鏍稿鎵樼洏 / 鎵规 鈫� 閫愯閲囬泦 鈫� 鏌ョ湅寰呯粦瀹氭竻鍗� 鈫� 鎻愪氦 鈫� 鏌ョ湅閫愭潯缁撴灉銆� + +鐩爣鎵樼洏鎽樿鍥哄畾鍦ㄩ噰闆嗛〉椤堕儴锛屽凡閲囬泦琚嬫暟涓庡緟鎻愪氦琚嬫暟鏄庣‘鏄剧ず銆傞噸澶嶉噰闆嗕粎鎻愮ず锛屼笉绱姞锛涘凡缁戝畾銆佹壒娆′笉鍖归厤鍜屾棤鏁堢爜鏄庣‘鎷掔粷銆傛洿鎹㈢洰鏍囨墭鐩樺墠锛屾彁绀哄鐞嗗綋鍓嶆湭鎻愪氦娓呭崟銆� + +鈥滃凡閲囬泦鈥濅笌鈥滃凡缁戝畾鈥濅娇鐢ㄤ笉鍚岀姸鎬併�傚け璐ユ椂淇濈暀鏈垚鍔熼」锛涘疄闄呮帴鍙ｆ槸鍚︽敮鎸佹壒閲忎簨鍔″拰閫愭潯缁撴灉锛屽湪瀹炴柦鍓嶆牳瀵癸紝涓嶄互鍘熷瀷琛ㄧ幇浠ｆ浛鎺ュ彛鑳藉姏銆� + +### 鎵樼洏缁戝畾鎵规 + +閫夋嫨鎴栨壂鎻忕洰鏍囨壒娆� 鈫� 鎵弿鎵樼洏 鈫� 鏍稿鍝佺鍜岀幇鏈夌粦瀹� 鈫� 纭缁戝畾銆備笉鑳芥妸鈥滆鐮佺粦鎵樼洏鈥濆拰鈥滄墭鐩樼粦鎵规鈥濇斁杩涘悓涓�涓惈涔変笉娓呯殑鎻愪氦鎸夐挳銆� + +### 鏌ヨ鍦烘櫙 + +鎵爜鏌ヨ鍙互鏌ヨ琚嬬爜銆佹墭鐩樻垨鎵规锛屼絾涓嶈嚜鍔ㄦ墽琛岀粦瀹氥�佸叆搴撱�佸嚭搴撱�傝鎯呬富鎿嶄綔鎸夊璞＄姸鎬佸強鐢ㄦ埛鏉冮檺鏄剧ず銆傚簱瀛樻煡璇㈠厛浠ュ搧绉� / 鎵规 / 搴撲綅绛涢�夛紝鍒楄〃鍙樉绀哄叧閿簱瀛樻暟閲忋�佸崟浣嶅拰浣嶇疆锛屽叾浣欎俊鎭繘鍏ヨ鎯呫�� + +### 鍑哄簱銆佺洏鐐逛笌鎶ュ伐 + +- **鍑哄簱锛�**浠诲姟鍒楄〃 鈫� 瀵圭収璁㈠崟鎷ｈ揣 鈫� 姹囨�绘牎楠� 鈫� 鎻愪氦褰撳墠姝ラ銆傗�滄墽琛屾嫞璐р�濃�滃～鍐欒繍鍗曗�濃�滄墽琛屽嚭搴撯�濇部鐢ㄤ笉鍚屾潈闄愬拰鐘舵�併�� +- **鐩樼偣锛�**宸插垎閰嶄换鍔� 鈫� 鎵爜瀹氫綅瀵硅薄 鈫� 瀹炵洏鏁伴噺 鈫� 宸紓璇存槑 鈫� 淇濆瓨 / 鎻愪氦銆傛槑纭疄鐩樻暟閲忎笌绯荤粺鏁伴噺鐨勫惈涔夈�� +- **鎶ュ伐锛�**鍙墽琛屼换鍔� 鈫� 鍚堟牸閲� / 涓嶈壇閲忓強蹇呰璇存槑 鈫� 鏍￠獙 鈫� 鎻愪氦銆傝秴閲忋�佸崟浣嶃�佺彮缁勫拰宸ュ簭瑕佹眰澶嶇敤鏈嶅姟绔鍒欍�� + +### 閿欒涓庣粨鏋滄湭鐭� + +| 鐘舵�� | 椤甸潰鍙嶉 | 涓嬩竴姝� | +|---|---|---| +| 鏃犳晥鐮� / 闈炰笟鍔＄爜 | 鏄剧ず鍘熷璇嗗埆缁撴灉鍙娾�滀笉鏀寔璇ョ爜鈥� | 閲嶆柊鎵弿鎴栬緭鍏� | +| 宸插叆搴� / 宸茬粦瀹� | 鏄剧ず宸插瓨鍦ㄧ殑涓氬姟鐘舵�� | 鏌ョ湅璁板綍锛屼笉閲嶅鎵ц | +| 鎵规鎴栧簱浣嶄笉鍖归厤 | 鎸囧嚭鍏蜂綋鍐茬獊 | 鏇存崲瀵硅薄鎴栦慨姝ｄ綅缃� | +| 鐩告満鎷掔粷鎺堟潈 / 涓嶅彲鐢� | 鏄剧ず鏉冮檺璁剧疆鎸囧紩 | 鎵嬪姩杈撳叆鎴栦娇鐢ㄥ凡閫傞厤鎵爜璁惧 | +| 缃戠粶澶辫触銆佽姹傛湭鍙戝嚭 | 淇濈暀褰撳墠琛ㄥ崟 | 鎭㈠缃戠粶鍚庢彁浜� | +| 宸插彂閫佷絾瓒呮椂 | 鈥滅粨鏋滃緟纭鈥� | 鏌ヨ鍘熸搷浣滅粨鏋滐紝鍐嶅喅瀹氶噸璇� | +| 浼氳瘽杩囨湡 | 淇濈暀闈炴晱鎰熶綔涓氳崏绋� | 鐧诲綍鍚庨噸鏂版牎楠屽璞″拰鏉冮檺 | + +鐙珛鎷嶇収寮傚父宸ュ崟缁х画鍒椾负鎵╁睍锛岄渶纭寮傚父妯″瀷銆佸垎閰嶃�佸鐞嗗拰鍏抽棴娴佺▼銆� + +## 5. 480 脳 800 甯冨眬瑙勮寖 + +### 灏哄鍩哄噯 + +鏈柟妗堜互 **480 脳 800 CSS 鍍忕礌鐨勬祻瑙堝櫒鍙敤瑙嗗彛**涓鸿璁″拰楠屾敹鍩哄噯銆傝澶囩墿鐞嗗垎杈ㄧ巼涓嶅繀鐒剁瓑浜� CSS 瑙嗗彛锛涘疄鏂芥椂璇诲彇瀹為檯瑙嗗彛锛屾牳瀵硅澶囩缉鏀捐缃�傝嫢 480 脳 800 鎸囩墿鐞嗗睆骞曞昂瀵革紝闇�鍦ㄧ洰鏍囪澶囦笂閲嶆柊鏍稿鍙敤瀹介珮銆� + +瀹藉害闅忚鍙ｉ�傞厤锛岃緝瀹芥祻瑙堝櫒涓皢鍐呭瀹瑰櫒闄愬埗鍦� 480px 骞跺眳涓�傞珮搴﹂噰鐢ㄥ姩鎬佽鍙ｇ瓥鐣ワ紝閫傚簲娴忚鍣ㄥ湴鍧�鏍忓睍寮�銆佹敹璧峰拰閿洏鍙樺寲锛涗笉鑳芥妸椤甸潰鎬婚珮搴︽案涔呴攣涓� 800px锛屼篃涓嶄娇鐢ㄦ暣椤电缉鏀炬潵閫傞厤銆� + +### 鍨傜洿绌洪棿鍒嗛厤 + +浠ヤ笅楂樺害涓� 800px 瑙嗗彛銆佹湭鏄剧ず閿洏涓旀棤棰濆瀹夊叏鍖虹殑甯冨眬鍩哄噯锛涘唴瀹瑰彲浠ユ粴鍔紝涓嶅己琛屾埅鏂�� + +| 椤甸潰绫诲瀷 | 椤堕儴鍖哄煙 | 鍐呭鍖哄煙 | 搴曢儴鍖哄煙 | +|---|---:|---:|---:| +| 涓�绾ч〉闈� | 56px 鏍囬鏍� | 680px | 64px 瀵艰埅 | +| 浣滀笟 / 璇︽儏椤� | 56px 杩斿洖鏍囬鏍� | 664px | 80px 鎿嶄綔鏍� | +| 鎵爜閲囬泦椤� | 56px 鏍囬鏍� + 64px 浣滀笟涓婁笅鏂� | 600px锛屽寘鍚彇鏅強缁撴灉 | 80px 杈撳叆 / 杩斿洖鎿嶄綔 | +| 鐧诲綍椤� | 绠�鐭搧鐗屽尯鍩� | 璐﹀彿琛ㄥ崟涓庢彁绀� | 鏃犲叏灞�瀵艰埅 | + +鏈夊畨鍏ㄥ尯鏃讹紝搴曢儴鍖哄煙澧炲姞瀹夊叏鍖哄唴杈硅窛锛屼腑闂村彲鐢ㄩ珮搴︾浉搴斿噺灏戙�傛瘡椤靛彧淇濈暀涓�涓富瑕佸唴瀹规粴鍔ㄥ尯锛岄伩鍏嶉暱鍒楄〃宓屽婊氬姩銆� + +### 棣栭〉棣栧睆涓庢壂鐮佸竷灞� + +宸ヤ綔鍙扮敤娓呮櫚鐨勯『搴忕粍缁囧唴瀹癸細宀椾綅浣嶇疆 鈫� 涓绘搷浣� 鈫� 甯哥敤鍔熻兘 鈫� 寰呭姙 / 鏈�杩戣褰曘�備笟鍔″垪琛ㄥ缓璁� 88锝�104px锛氫笓鐢ㄥ垪琛ㄩ〉棣栧睆绾︽樉绀� 4锝�6 鏉★紝宸ヤ綔鍙板彧棰勮 2锝�3 鏉★紝瀹屾暣璁板綍杩涘叆鍒楄〃鏌ョ湅銆傚噯纭暟閲忛殢鏍囬銆佺瓫閫夊拰鐪熷疄鏂囨鍙樺寲锛屼笉涓烘尋杩涢灞忕缉灏忔枃瀛楀拰鐐瑰嚮鍖哄煙銆� + +鎵爜鍙栨櫙鍖哄缓璁害 320 脳 320px锛屽眳涓斁缃紱杩欐槸瑙嗚鍙栨櫙寮曞锛屼笉浠ｈ〃鍙兘瑙ｇ爜妗嗗唴鍖哄煙銆傚彇鏅尯涓嬫柟淇濈暀璇嗗埆鎻愮ず鍜屽綋鍓嶅璞℃憳瑕併�傞暱鐮佸�煎厑璁告姌琛屻�佹煡鐪嬪拰澶嶅埗锛屼笉鎶婂畬鏁撮暱 URL 褰撲綔涓昏灞曠ず淇℃伅銆� + +### 瀛椾綋銆侀棿璺濆拰鎸夐挳 + +| 鍏冪礌 | 寤鸿瑙勮寖 | +|---|---| +| 椤甸潰鏍囬 | 20px锛屼腑绛夋垨鍗婄矖瀛楅噸 | +| 涓昏鍝佺 / 瀵硅薄鍚嶇О | 18px | +| 姝ｆ枃銆佽緭鍏ユ | 16px | +| 鏃堕棿銆佽緟鍔╄鏄� | 14px | +| 椤甸潰宸﹀彸闂磋窛 | 16px锛屽彲鐢ㄥ唴瀹瑰搴� 448px | +| 涓昏鎿嶄綔鎸夐挳 | 楂� 52px锛屽叏瀹芥垨鍗犳嵁鎿嶄綔鏍忎富瑕佺┖闂� | +| 杈撳叆涓庨�夋嫨鎺т欢 | 鏈�灏忛珮 48px锛岀偣鍑绘暣琛屽彲鎿嶄綔 | +| 鍥炬爣鎿嶄綔 | 鐐瑰嚮鍖哄煙鑷冲皯 44 脳 44px | +| 鍒嗙粍闂磋窛 | 16锝�24px | +| 甯哥敤鍏ュ彛 | 涓ゅ垪锛屾瘡椤圭害 216px 瀹斤紝闂磋窛 16px | + +浠ユ祬鑳屾櫙銆佺櫧鑹插唴瀹广�佹繁鑹叉枃瀛楀拰钃濊壊涓绘搷浣滀繚鎸佷笟鍔＄晫闈竴鑷达紝鍏蜂綋瑙嗚鍊艰绗� 11 鑺傘�傛垚鍔熴�佽鍛娿�佸け璐ュ悓鏃朵娇鐢ㄦ枃瀛楀拰棰滆壊锛屼笉闈犻鑹插崟鐙紶杈剧姸鎬併�傚垪琛ㄤ富瑕佷娇鐢ㄥ垎闅旂嚎鍜岀暀鐧斤紱鍏抽敭瀵硅薄鎽樿鎵嶄娇鐢ㄧ嫭绔嬪尯鍩燂紝閬垮厤姣忎竴涓瓧娈甸兘濂楀崱鐗囥�� + +### 琛ㄥ崟銆侀敭鐩樹笌璇︽儏 + +- 搴撳尯 / 搴撲綅閫氳繃搴曢儴閫夋嫨闈㈡澘瀹屾垚锛屾敮鎸佹悳绱笌閫愮骇閫夋嫨锛涙洿鎹㈠簱鍖烘椂娓呯悊澶辨晥搴撲綅銆� +- 浠ュ崟鍒楄〃鍗曚负涓伙紝鍚堟牸閲� / 涓嶈壇閲忕瓑绱у瘑鍏宠仈鐨勭煭鏁板瓧瀛楁鍙苟鎺掋�� +- 鎵撳紑杞敭鐩樻椂闅愯棌涓�绾у簳閮ㄥ鑸紝璋冩暣鎿嶄綔鏍忥紝淇濊瘉褰撳墠杈撳叆鍜岄敊璇彁绀哄彲瑙侊紱鍏抽棴閿洏鍚庢仮澶嶃�� +- 鍥哄畾鎸夐挳涓婃柟淇濈暀瓒冲鍐呭闂磋窛锛屾渶鍚庝竴鏉′俊鎭彲浠ユ粴鍔ㄥ埌鎸夐挳涓婃柟銆� +- 浣滀笟浣嶇疆鍙樻洿闇�瑕佹槑纭弽棣堬紱鎻愪氦涓殑涓昏鎸夐挳绂佺敤骞舵樉绀哄鐞嗙姸鎬併�� +- 鍒楄〃涓�椤靛缓璁姞杞� 20 鏉★紝鍔犺浇鏇村灞曠ず鏄庣‘鐘舵�侊紱鏃犳暟鎹�佹棤鏉冮檺鍜屽姞杞藉け璐ラ噰鐢ㄤ笉鍚屾枃妗堛�� + +## 6. 鑿滃崟涓庢寜閽潈闄� + +寤鸿寤虹珛绉诲姩绔姛鑳芥槧灏勶細灏嗙Щ鍔ㄨ矾鐢卞叧鑱斿凡鏈夎彍鍗� ID 鍜屾搷浣滄潈闄愩�傜洰褰曠粍缁囧彲閫傞厤鎵嬫満锛屼絾瀹為檯鎺堟潈銆佺鎴疯寖鍥村拰涓氬姟鏁版嵁鑼冨洿缁х画鐢辩幇鏈夋湇鍔＄鎺у埗銆� + +棣栨湡鍏抽敭鏉冮檺鏄犲皠锛� + +| 绉诲姩绔姩浣� | 宸插瓨鍦ㄧ殑鏉冮檺鏍囪瘑 | +|---|---| +| 鏌ヨ鎵爜璁板綍 | `mes:pro-scan-in:query` | +| 鎵ц鎵爜鍏ュ簱 | `mes:pro-scan-in:inbound` | +| 鏌ョ湅鎵爜鐪嬫澘 | `mes:pro-scan-in:dashboard` | +| 鏌ヨ琚嬬爜 | `mes:pro-bag-code:query` | +| 琚嬬爜缁戝畾鎵樼洏 | `mes:pro-bag-code:update` | +| 鏌ヨ鎵樼洏 | `mes:pro-pallet:query` | +| 鎵樼洏缁戝畾鎵规 | `mes:pro-pallet:update` | +| 鏌ヨ鎵规 | `mes:pro-batch:query` | +| 鏌ヨ搴撳瓨 | `mes:wm-material-stock:query` | +| 鎻愪氦鎶ュ伐 | `mes:pro-feedback:create` | +| 鎵ц鎷ｈ揣 | `mes:wm-product-sales:stock` | +| 鎵ц鍑哄簱 | `mes:wm-product-sales:finish` | + +绉诲姩绔�欓�夊叆鍙� 鈭� 褰撳墠鐢ㄦ埛鎺堟潈鍔熻兘 鈭� 绉熸埛寮�鏀捐寖鍥达紝鏋勬垚瀹為檯鑿滃崟銆傛瘡涓寜閽啀妫�鏌ュ搴旀搷浣滄潈闄愶紱鎵�鏈夋帴鍙ｇ户缁仛鏈嶅姟绔牎楠屻�傞殣钘忕洰褰曠殑绉诲姩寮�鏀剧瓥鐣ラ渶瑕佹槑纭厤缃紝涓嶈兘鍥犳墜鏈虹鍏ュ彛閲嶇粍鑰岀粫杩囨潈闄愩�� + +绔�夋嫨璐熻矗纭畾鈥滃睍绀哄摢濂楀姛鑳界晫闈⑩�濓紝璐﹀彿鏉冮檺璐熻矗纭畾鈥滃厑璁歌闂摢浜涘姛鑳解�濄�傚缓璁悗绔潈闄愯幏鍙栨帴鍙ｆ敮鎸佺嫭绔嬪瓧娈� `terminalType=pc|mobile`锛岃繑鍥炴墍閫夌閫傜敤鐨勫凡鎺堟潈鑿滃崟锛涜繖鏄緟寮�鍙戠殑鎺ュ彛鏂规锛岀幇鏈夋帴鍙ｅ皻鏈敮鎸佽鍙傛暟銆傜绫诲瀷涓嶈兘浣滀负鏂板鏉冮檺鐨勪緷鎹�� + +PC 绔繚鐣欏綋鍓嶈彍鍗曠粍浠舵槧灏勩�傜Щ鍔ㄧ寤虹珛瀵瑰簲鐨勭Щ鍔ㄧ粍浠舵槧灏勫拰鍔熻兘娓呭崟锛屽凡缁忛�傞厤涓旀湁鏉冮檺鐨勫姛鑳芥墠杩涘叆鑿滃崟銆傝彍鍗曠閰嶇疆寤鸿鏀寔 PC銆佺Щ鍔ㄣ�佸弻绔紝閰嶇疆灞傜骇鍜岃縼绉绘柟寮忓湪寮�鍙戞椂纭銆傜埗鐩綍銆佹寜閽潈闄愬拰绉熸埛鑼冨洿闇�瑕佷竴璧峰鐞嗭紝涓嶈兘鍙牴鎹彍鍗曡矾寰勫悕绉拌繃婊ゃ�� + +鍓嶇妯″紡銆佸姩鎬佽矾鐢便�佽彍鍗曞強涓婚〉璁剧疆鎸夌闅旂锛涘垏鎹㈠悗閲嶆柊鍒濆鍖栵紝閬垮厤 PC 鑿滃崟娈嬬暀鍦ㄧЩ鍔ㄧ鎴栧弽鍚戞畫鐣欍�傝闂湴鍧�浠嶅彲鍖哄垎妗岄潰涓庣Щ鍔ㄩ〉闈紝浣嗙櫥褰曟椂鐨勬槑纭�夋嫨鍐冲畾鏈榛樿杩涘叆鍝銆� + +宀椾綅寤鸿锛氱敓浜ф搷浣滃憳鎷ユ湁鏈骇绾夸綔涓氫笌鏌ヨ锛涗粨搴撲綔涓氬憳鎷ユ湁鎺堟潈浠撳簱浠诲姟涓庡簱瀛樻煡璇紱鐝粍璐熻矗浜哄鍔犳湰鐝粍杩涘害鍜屽紓甯告煡鐪嬨�傚垹闄ゃ�佸簱瀛樿皟鏁淬�佺敓鎴愬ぇ閲忕爜鍊笺�佹祦绋嬭璁°�佺紪鐮佽鍒欏拰涓绘暟鎹厤缃笉鍒楀叆棣栨湡甯哥敤鎿嶄綔銆� + +## 7. 娴忚鍣ㄨ闂笌鍓嶇缁撴瀯 + +### 璁块棶鍜岀櫥褰� + +鐢ㄦ埛閫氳繃 HTTPS 鍦板潃杩涘叆缁熶竴鐧诲綍椤碉紝閫夋嫨绉诲姩绔垨 PC 绔紝浣跨敤鐜版湁绯荤粺璐﹀彿鐧诲綍锛屽鐢ㄧ櫥褰曟�佸埛鏂般�侀��鍑哄拰鏉冮檺鑾峰彇鏈哄埗銆傚缓璁Щ鍔ㄤ笟鍔″叆鍙ｈ矾寰勪负 `/mobile/`锛屾闈笟鍔″拰鍏紬婧簮椤典繚鐣欏悇鑷叆鍙ｏ紱杩欐槸瑙勫垝璺緞锛屽綋鍓嶅皻鏈垱寤恒�� + +鐧诲綍椤垫牴鎹鍙ｅ搴﹂粯璁ら�夋嫨绔紝鐢ㄦ埛鎵嬪姩閫夋嫨鍏锋湁浼樺厛鏉冦�傛墍閫夌鍐冲畾涓氬姟甯冨眬鍜岃彍鍗曪紝鍚庣画瀹藉害鍙樺寲鍙仛甯冨眬閫傞厤銆傝緝绐勭殑妗岄潰娴忚鍣ㄤ篃鑳界敤浜庨瑙堬紝浣嗙幇鍦洪獙鏀跺繀椤荤敤鐩爣璁惧瀹屾垚銆� + +宸叉牳鏌ョ殑鐜版湁瀹炵幇锛歚src/views/_core/authentication/login.vue` 鎻愪氦鐧诲綍锛宍src/store/auth.ts` 鑾峰彇鐢ㄦ埛鍙婃潈闄愶紝`src/router/access.ts` 鍜� `src/router/guard.ts` 鐢熸垚鎺堟潈鑿滃崟涓庤矾鐢便�傞�傞厤鐐瑰簲瑕嗙洊杩欐潯瀹屾暣閾捐矾锛屼笉鑳藉彧鏂板鐧诲綍椤甸�夋嫨鎸夐挳銆� + +鐜版湁 `authLogin` 涓殑 `type='mobile'` 琛ㄧず鐭俊鐧诲綍鏂瑰紡锛屼笉浠ｈ〃绉诲姩绔晫闈€�傚缓璁彟璁� `terminalType`锛屽皢鐧诲綍鏂瑰紡涓庢墍閫夌鏄庣‘鍒嗗紑銆傜Щ鍔ㄦā寮忕殑鍊煎湪褰撳墠娴忚鍣ㄦ爣绛鹃〉鍐呬繚鎸侊紝閬垮厤涓嶅悓鏍囩椤电殑绔�夋嫨鐩镐簰瑕嗙洊銆� + +### 娴忚鍣ㄦ壂鐮� + +缁熶竴鏀寔涓夌杈撳叆鏂瑰紡锛� + +1. **鎽勫儚澶达細**鐢ㄦ埛鐐瑰嚮寮�濮嬪悗璇锋眰鍚庣疆鎽勫儚澶达紝璇嗗埆浜岀淮鐮佸苟鏆傚仠锛涚寮�椤甸潰銆佸垏鍚庡彴鎴栫粨鏉熶綔涓氭椂鍋滄鍙栨櫙銆� +2. **鎵爜鏋� / PDA 杈撳叆锛�**鐩爣璁惧鍏峰閿洏妯℃嫙鑳藉姏鏃讹紝灏嗘壂鐮佸唴瀹硅緭鍏ユ寚瀹氶噰闆嗘锛岄�氳繃缁撴潫瀛楃鎻愪氦閲囬泦銆傝妯″紡闇�鎸夊疄闄呰澶囬�傞厤锛屼笉鑳藉亣瀹氭墍鏈� PDA 琛屼负涓�鑷淬�� +3. **鎵嬪姩杈撳叆锛�**鎵�鏈夋壂鐮侀〉闈㈠潎鍙垏鎹紱杈撳叆瀹屾墽琛屽悓鏍风殑鐮佽В鏋愬拰涓氬姟鏍￠獙銆� + +鎵爜鍐呭鏀寔绾爜鍊煎拰宸插嵃鍒风殑婧簮 URL锛沀RL 鍙彁鍙� `code` 鍙傛暟杩涜涓氬姟鏌ヨ锛屼笉鑷姩鎵撳紑浠绘剰鎵弿缃戝潃銆傜爜绫诲瀷鐢辫В鏋愬強鍚庣鏍￠獙纭锛屽師濮嬪唴瀹逛繚鐣欑敤浜庨敊璇弽棣堛�� + +鎽勫儚澶磋闂渶瑕佸畨鍏ㄤ笂涓嬫枃鍜岀敤鎴锋巿鏉冿紱涓婄嚎浣跨敤 HTTPS銆傛祻瑙堝櫒鍘熺敓鏉＄爜璇嗗埆瀛樺湪鍏煎鎬ч檺鍒讹紝涓嶈兘浣滀负鍞竴瑙ｇ爜瀹炵幇锛涢渶鍦ㄧ洰鏍囨祻瑙堝櫒楠岃瘉浜岀淮鐮佽В鐮佹柟妗堝強鍏跺悗澶囧疄鐜般�傚０闊炽�佹尟鍔ㄥ彧鑳戒綔涓哄彲閫夊弽棣堬紝灞忓箷涓婄殑鏂囧瓧缁撴灉蹇呴』瀹屾暣銆� + +鍙傝�冿細[MDN 鎽勫儚澶� API](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia/)銆乕MDN 鏉＄爜璇嗗埆 API](https://developer.mozilla.org/en-US/docs/Web/API/Barcode_Detection_API)銆� + +### 鍓嶇宸ョ▼鏂规 + +鍩轰簬 `mom-pro2-before`锛岄噰鐢ㄥ悓浠撳簱鐨勭嫭绔嬬Щ鍔ㄥ叆鍙� / 鏋勫缓杈圭晫锛屾部鐢� Vue 3銆乀ypeScript銆乂ite銆乂ue Router 鍜� Pinia銆傜Щ鍔ㄧ粍浠跺缓璁娇鐢� Vant锛屾闈㈢淇濈暀 Ant Design Vue銆傚叆鍙ｆ媶鍒嗘柟寮忎互鐜版湁 Vite 閰嶇疆璇勪及涓哄噯锛岄伩鍏嶇Щ鍔ㄩ〉琚揩鍔犺浇鏁翠釜妗岄潰搴旂敤銆� + +寤鸿鎸夎亴璐ｇ粍缁囷細 + +- 绉诲姩甯冨眬锛氭爣棰樸�佸簳閮ㄥ鑸�佷笟鍔℃搷浣滄爮銆佺姸鎬侀〉銆� +- 绉诲姩涓氬姟椤碉細宸ヤ綔鍙般�佹壂鐮佸叆搴撱�佺粦瀹氥�佹煡璇€�佽褰曘�佹垜鐨勩�� +- 鍏变韩鑳藉姏锛氳姹傚皝瑁呫�佽璇佷笌鏉冮檺銆佸瓧鍏搞�佷笟鍔℃帴鍙ｇ被鍨嬨�� +- 鎵爜閫傞厤锛氭憚鍍忓ご瑙ｇ爜銆佽澶囪緭鍏ャ�佹墜鍔ㄨ緭鍏ャ�乁RL 鎻愮爜銆� +- 绉诲姩鍔熻兘鏄犲皠锛氬凡鏈夎彍鍗� ID / 鏉冮檺 鈫� 绉诲姩璺敱鍜屾寜閽�� + +鍏变韩鎺ュ彛灞傞渶涓庢闈㈠脊绐椼�佹闈㈤�氱煡缁勪欢瑙ｈ�︼紱涓嶇洿鎺ュ鍒朵緷璧栨闈� UI 鐨勮姹傞敊璇鐞嗐�傜Щ鍔ㄦ牱寮忛檺瀹氬湪绉诲姩鍏ュ彛锛岄伩鍏嶅叏灞�閲嶇疆姹℃煋妗岄潰椤甸潰銆� + +鍙傝�冿細[Vant 瀹樻柟鏂囨。](https://vant-ui.github.io/vant/)銆� + +## 8. 寮辩綉銆佸箓绛変笌鏁版嵁涓�鑷存�� + +鏌ヨ澶辫触鍙互閲嶈瘯锛岃〃鍗曞彲浠ヤ繚鐣欒崏绋裤�傚叆搴撱�佸嚭搴撱�佺粦瀹氱瓑鍐欐搷浣滀笉榛樿鍋氱绾胯嚜鍔ㄦ彁浜ゃ�� + +涓�娆′笟鍔℃搷浣滅敓鎴愮ǔ瀹氱殑鎿嶄綔鏍囪瘑锛岀綉缁滈噸璇曟部鐢ㄥ師鏍囪瘑銆傜幇鏈夊叆搴撴帴鍙ｅ凡鏈� `eventId` 鍙傛暟锛屼絾浠嶉渶鏍告煡鏈嶅姟绔箓绛夌害鏉熴�佺粨鏋滄煡璇㈡柟寮忓拰璺ㄨ澶囬噸澶嶅鐞嗚鍒欍�傝姹傝秴鏃跺悗鎻愮ず鈥滅粨鏋滃緟纭鈥濓紝鍏堟牳瀹炶褰曪紝鍐嶅喅瀹氶噸璇曪紝閬垮厤鎶婂凡鎴愬姛璇锋眰鍐嶆鎵ц銆� + +鍒囨崲宀椾綅銆佷粨搴撴垨绉熸埛鏃舵竻鐞嗕笉閫傜敤鐨勪綔涓氫笂涓嬫枃銆傚浜哄悓鏃舵搷浣溿�佹墭鐩橀儴鍒嗙粦瀹氭垚鍔熴�佸凡琚粬浜哄畬鎴愩�佹壂鐮佽鍙栨秷绛夋儏鍐碉紝閫氳繃鏈嶅姟绔繑鍥炵粨鏋滄槑纭弽棣堛�� + +## 9. 瀹炴柦椤哄簭涓庨獙鏀� + +**绗竴闃舵锛氶獙璇佺幇鍦烘壂鐮侀棴鐜��** 鐧诲綍涓庢潈闄愩�佸伐浣滃彴銆佹壂鐮佸叆搴撱�佽鐮� / 鎵樼洏鏌ヨ缁戝畾銆佹壒娆℃煡璇€�佸簱瀛樻煡璇€�佹湰浜轰綔涓氳褰曘�備紭鍏堝鐢ㄧ幇鏈夋帴鍙ｏ紝纭鏁版嵁鏉冮檺涓庡箓绛夈�� + +**绗簩闃舵锛氳鐩栦粨鍌ㄤ笌鐢熶骇浠诲姟銆�** 浜у搧鍏ュ簱銆佸彂璐� / 鍑哄簱鎷ｈ揣銆佺洏鐐广�佺敓浜ф姤宸ワ紝鍥寸粫浠诲姟閲嶆柊缁勭粐绉诲姩琛ㄥ崟銆� + +**绗笁闃舵锛氭墿灞曞崗鍚屻��** 绉嶅瓙璐ㄦ銆佽礋璐ｄ汉姒傝銆佸鎵广�佺珯鍐呬笟鍔℃彁閱掋�佹媿鐓у紓甯搁棴鐜�傞�氱煡瀵硅薄涓庤Е鍙戞椂鏈洪渶鎸変笟鍔¤璁°�� + +绗竴闃舵楠屾敹锛� + +1. 鐩爣璁惧娴忚鍣ㄥ湪 480 脳 800 鍩哄噯瑙嗗彛涓嬮粯璁ら�変腑绉诲姩绔紝鍙墜鍔ㄥ垏鎹� PC 绔紱澶у睆榛樿 PC 绔紝涔熷彲鎵嬪姩鍒囨崲绉诲姩绔�傛墜鍔ㄩ�夋嫨鍦ㄩ獙璇佺爜閲嶈瘯鍜岀獥鍙ｅ彉鍖栧悗淇濇寔銆� +2. 鍚屼竴璐﹀彿鐨勮彍鍗曘�佹寜閽�佹暟鎹寖鍥寸鍚堝悗绔巿鏉冿紱涓嶅悓宀椾綅鐨勫父鐢ㄥ叆鍙ｇ鍚堝疄闄呭伐浣溿�� +3. 鎽勫儚澶淬�佸凡閫傞厤璁惧杈撳叆鍜屾墜鍔ㄨ緭鍏ヨ蛋缁熶竴鏍￠獙锛涜鐮併�佹墭鐩樼爜銆佹壒娆＄爜鍙婄幇鏈夋函婧� URL 鍧囪兘璇嗗埆锛屾壂鐮佹煡璇笉浼氳Е鍙戝啓鎿嶄綔銆� +4. 鍏ュ簱瀹屾垚鍚庝笟鍔℃暟鎹強浣滀笟璁板綍涓�鑷达紱閲嶅鐐瑰嚮銆佽姹傝秴鏃躲�佺綉缁滄仮澶嶄笉浼氶噸澶嶈璐︺�� +5. 鍛樺伐鑳藉尯鍒嗛噰闆嗐�佸鐞嗕腑銆佹垚鍔熴�佸け璐ヤ笌缁撴灉寰呯‘璁ょ姸鎬併�� +6. 鐜板満璇曠敤鑳藉畬鎴愭壂鐮併�佺粦瀹氥�佸叆搴撶殑鐪熷疄娴佺▼锛屾搷浣滅洰鏍囧拰缁撴灉鏃犻渶鍊熷姪妗岄潰绔鲸璁ゃ�� +7. 鎵�閫夌鐨勮彍鍗曘�佽矾鐢卞拰棣栭〉涓�鑷达紱鍒锋柊淇濇寔妯″紡锛岃法绔洰鏍囧湴鍧�涓嶉敊璇烦杞紝鏃犺绔彲鐢ㄥ姛鑳芥椂鏈夋槑纭弽棣堛�� +8. 鍦板潃鏍忓彉鍖栥�佽蒋閿洏鍜屽疄闄呭畨鍏ㄥ尯涓嬫棤妯悜婊氬姩鎴栨寜閽伄鎸★紱鐧诲綍澶辨晥鎭㈠鍚庨噸鏂版牎楠岀绫诲瀷涓庢潈闄愶紝涓嶈嚜鍔ㄦ彁浜よ崏绋裤�� + +涓嬩竴姝ヤ氦浠樺缓璁細鍏堝嚭宸ヤ綔鍙般�佹壂鐮佸叆搴撱�佺粦瀹氭墭鐩樸�佸簱瀛樻煡璇€�佷綔涓氳褰曚簲涓〉闈㈢殑鍙偣鍑诲師鍨嬶紝鍐嶆牳瀵规帴鍙ｄ笌鏉冮檺缂哄彛銆傚師鍨嬭瘎瀹￠�氳繃鍚庡紑濮嬬Щ鍔ㄥ叆鍙ｅ紑鍙戙�� + +## 10. 鍘熷瀷椤甸潰娓呭崟涓庤惤鍦版鏌� + +鍏堥獙璇佷笅鍒楀畬鏁撮摼璺紝鍐嶆墿灞曞叾浣欒彍鍗曘�傚師鍨嬩腑鐨勫鍚嶃�佸搧绉嶃�佹暟閲忓拰寰呭姙鏉℃暟蹇呴』鏍囨敞涓虹ず渚嬶紝涓嶅亣瑁呭凡杩炴帴涓氬姟鏁版嵁銆� + +| 椤甸潰 | 涓昏鍐呭 | 涓绘搷浣� | 杩斿洖鎴栭��鍑鸿涓� | +|---|---|---|---| +| 鐧诲綍 | 绉诲姩绔� / PC 绔�夋嫨銆佽处鍙枫�佸瘑鐮併�侀敊璇彁绀� | 鐧诲綍 | 鎭㈠鎵�閫夌鍐呮湁鏉冮檺鐨勫師鐩爣椤甸潰锛屽惁鍒欒繘鍏ヨ绔椤� | +| 宸ヤ綔鍙� | 宀椾綅浣嶇疆銆佷富鎵爜鎸夐挳銆佸洓涓父鐢ㄥ叆鍙ｃ�佹渶杩戣褰� | 鎵爜鍏ュ簱鎴栨煡璇� | 涓�绾у叆鍙ｄ繚鎸佸鑸� | +| 浣滀笟浣嶇疆 | 鎺堟潈浜х嚎銆佸簱鍖恒�佸簱浣� | 淇濆瓨浣嶇疆 | 杩斿洖骞舵槑纭睍绀烘柊浣嶇疆 | +| 鎵爜閲囬泦 | 褰撳墠鐢ㄩ�斻�佷綅缃�佸彇鏅銆佽緭鍏ュ垏鎹� | 鎵弿瀵硅薄 | 鍏抽棴鎽勫儚澶村苟杩斿洖鏉ユ簮椤� | +| 鍏ュ簱纭 | 瀵硅薄銆佹暟閲忎笌鍗曚綅銆佺洰鏍囦綅缃�佽ˉ鍏呬俊鎭� | 纭鍏ュ簱 | 鎻愪氦鍓嶅彲杩斿洖閲囬泦锛涙彁浜や腑涓嶄骇鐢熺浜屾鎻愪氦 | +| 浣滀笟缁撴灉 | 瀵硅薄銆佹垚鍔� / 澶辫触 / 寰呯‘璁ゃ�佺粨鏋滄憳瑕� | 缁х画鎵爜鎴栨牳瀹炵粨鏋� | 鍙煡鐪嬪搴旇褰� | +| 鎵樼洏缁戝畾 | 鐩爣鎵樼洏銆佸緟缁戝畾琚嬬爜銆侀�愭潯鏍￠獙 | 纭缁戝畾 | 鏈彁浜ゆ竻鍗曟彁绀轰繚鐣欐垨鏀惧純 | +| 搴撳瓨鏌ヨ | 鎼滅储銆佷綅缃瓫閫夈�佸簱瀛樻潯鐩� | 鏌ヨ鎴栨煡鐪嬭鎯� | 淇濈暀绛涢�夊拰婊氬姩浣嶇疆 | +| 鎵规 / 鐮佽鎯� | 鍝佺銆佹壒娆°�佺粦瀹氱姸鎬併�佽褰� | 鏈夋潈闄愪笖涓氬姟鍏佽鐨勫姩浣� | 鍥炲埌鍘熸煡璇笂涓嬫枃 | +| 浣滀笟璁板綍 | 鏃ユ湡銆佺姸鎬併�佹湰浜鸿褰曞強璇︽儏 | 鏌ョ湅璁板綍 | 鎭㈠璁板綍鍒楄〃浣嶇疆 | +| 鎴戠殑 | 璐﹀彿銆佸矖浣嶃�佷綅缃�佸府鍔┿�侀��鍑� | 瀵瑰簲璁剧疆鎿嶄綔 | 閫�鍑烘竻鐞嗙櫥褰曟�佸強鐢ㄦ埛浣滀笟涓婁笅鏂� | + +鍘熷瀷璇勫閲嶇偣鏄�滅幇鍦哄憳宸ユ槸鍚︾煡閬撳綋鍓嶅璞°�佺洰鏍囦綅缃強涓嬩竴姝モ�濓紝涓嶆槸涓婚〉鍏ュ彛鏁伴噺銆傜涓�鐗堜笉澧炲姞澶嶆潅鍥捐〃銆佸ぇ閲忚惀閿�缁熻銆佹闈㈠鍒楃紪杈戣〃鏍兼垨鏈帴鍏ョ殑娑堟伅鍏ュ彛銆� + +瀹炴柦鍓嶉泦涓牳瀵瑰洓绫荤己鍙ｏ細 + +1. **鎺ュ彛锛�**缁熶竴鐮佽瘑鍒�佸璞℃憳瑕併�佹湰浜鸿褰曠瓫閫夈�佺粦瀹氱粨鏋溿�佹搷浣滅粨鏋滄煡璇㈡槸鍚﹀彲澶嶇敤銆� +2. **鏉冮檺锛�**鐪熷疄鍛樺伐璐﹀彿鎵�灞炶鑹层�佺鎴疯彍鍗曡寖鍥村強浜х嚎 / 浠撳簱鏁版嵁鏉冮檺锛涢殣钘忕洰褰曞浣曟槧灏勭Щ鍔ㄥ叆鍙ｃ�� +3. **璁惧锛�**瀹為檯 CSS 瑙嗗彛銆佹祻瑙堝櫒鐗堟湰銆佹憚鍍忓ご鏁堟灉锛屼互鍙婃槸鍚︽湁閿洏妯℃嫙鎵爜璁惧銆� +4. **涓氬姟锛�**鍚勭爜绫诲瀷鐨勬暟閲忎笌鍗曚綅銆侀噸澶嶅叆搴撹鍒欍�佺粦瀹氳法鎵规闄愬埗銆佹壒閲忛儴鍒嗗け璐ヨ涓恒�� + +杩欎簺缂哄彛褰㈡垚瀹炴柦娓呭崟锛涘凡鏈夎彍鍗曟垨宸叉湁鎺ュ彛鍙傛暟涓嶈兘鏇夸唬涓氬姟鑳藉姏楠岃瘉銆傚綋鍓嶄氦浠樹负璁捐鏂规锛屼笉鍖呭惈绉诲姩椤甸潰寮�鍙戞垨鏁版嵁搴撹彍鍗曞彉鏇淬�� + +## 11. UI/UX Pro Max 瑙嗚涓庣粍浠剁郴缁� + +### 璁捐渚濇嵁涓庡彇鑸� + +宸茶繍琛� ui-ux-pro-max 鐨勮璁＄郴缁熸绱€�佽Е鎺� / 琛ㄥ崟 / 閿欒鎭㈠妫�绱㈠強 Vue 鏍堟绱€�傞噰鐢ㄥ叾鎵佸钩鐣岄潰銆佹竻鏅版枃瀛楀眰绾с�佸彲瑙佺劍鐐瑰拰鎻愪氦鍙嶉寤鸿銆傝嚜鍔ㄦ绱腑鐨勫簲鐢ㄥ晢搴楄惀閿�椤甸潰缁撴瀯涓庡綋鍓嶄笟鍔′笉鍖归厤锛屼笉閲囩敤璇勫垎銆佷笅杞芥寜閽�佸浼犺疆鎾瓑鍏冪礌銆� + +璇ョ郴缁熶互涓枃鐜板満浣滀笟涓轰富锛屼娇鐢ㄧ郴缁熶腑鏂囧瓧浣擄紝涓嶄緷璧栧缃戝瓧浣撲笅杞姐�傝瑙夎鑼冩槸寰呭疄鐜板拰楠岃瘉鐨勮璁″�硷紝涓嶈兘鎶婂伐鍏锋帹鑽愮殑鏃犻殰纰嶇瓑绾у綋浣滀骇鍝佸凡缁忚揪鏍囥�� + +### 閰嶈壊涓庢枃瀛� + +| 鐢ㄩ�� | 璁捐鍊� | 浣跨敤鏂瑰紡 | +|---|---|---| +| 涓绘搷浣� | `#0369A1` | 纭鍏ュ簱銆佺‘璁ょ粦瀹氥�佺櫥褰曪紱鏂囧瓧鐧借壊 | +| 椤甸潰鑳屾櫙 | `#F8FAFC` | 宸ヤ綔鍙般�佸垪琛ㄣ�佽〃鍗曡儗鏅� | +| 鍐呭琛ㄩ潰 | `#FFFFFF` | 琛ㄥ崟銆佸垪琛ㄣ�佸璞℃憳瑕� | +| 涓绘枃瀛� | `#0F172A` | 鏍囬銆佸搧绉嶃�佺爜鍊笺�佹暟閲� | +| 娆¤鏂囧瓧 | `#475569` | 鏃堕棿銆佷綅缃鏄庛�佽緟鍔╂枃瀛� | +| 鏅�氬垎闅旂嚎 | `#E2E8F0` | 鍒楄〃琛屽垎闅旓紝涓嶅崟鐙壙鎷呬氦浜掕瘑鍒� | +| 杈撳叆杈规 | `#64748B` | 琛ㄥ崟鎺т欢杈圭晫锛涜仛鐒︽椂浣跨敤涓绘搷浣滆壊 | +| 鎴愬姛 | `#166534` / `#F0FDF4` | 鎴愬姛鏂囧瓧涓庢祬鑹茶儗鏅� | +| 璀﹀憡 / 寰呯‘璁� | `#92400E` / `#FFFBEB` | 缁撴灉鏈煡銆侀渶澶勭悊鎻愮ず | +| 澶辫触 | `#B91C1C` / `#FEF2F2` | 鏍￠獙澶辫触銆佹搷浣滃け璐ュ強鎭㈠鎸囧紩 | + +鏅�氭枃瀛楀姣斿害鐩爣鑷冲皯 4.5:1锛屽叧閿帶浠惰竟鐣屼笌鍙鐒︾偣鑷冲皯 3:1锛涚姸鎬佸繀椤诲悓鏃舵湁鏂囧瓧璇存槑銆傚師鍨嬮樁娈甸獙璇佷笂杩扮粍鍚堬紝寮�鍙戝悗浠嶉渶妫�鏌ョ湡瀹炴帶浠剁殑鎵�鏈夌姸鎬併�� + +瀛椾綋浣跨敤绯荤粺涓枃鏃犺‖绾垮瓧浣撱�傛爣棰� 20px / 28px銆佸璞″悕绉� 18px / 26px銆佹鏂� 16px / 24px銆佽緟鍔╂枃瀛� 14px / 20px锛涙枩鏉犲悗涓鸿楂樸�傚叧閿暟閲� 24px / 32px銆傛暟閲忓甫鍗曚綅锛岀爜鍊间笉鑷姩鎻掑叆鍒嗛殧绗︼紝涓嶆敼鍙樺師濮嬪�笺�� + +浠� 4px 涓哄熀纭�闂磋窛鍗曚綅锛屽父鐢� 8銆�12銆�16銆�24px銆傛帶浠跺渾瑙掑缓璁� 8px锛屽璞℃憳瑕佸尯鍩� 12px锛涗笉浣跨敤澶ч潰绉笎鍙樸�佸崐閫忔槑鐜荤拑鑳屾櫙鎴栬楗版�ч槾褰便�傛墍鏈夊浘鏍囬噰鐢ㄧ粺涓� SVG 鍥炬爣闆嗭紝甯歌 24px锛岄厤鍚堝彲璇绘爣绛俱�� + +### 缁勪欢涓庡弽棣� + +| 缁勪欢 | 瑙勬牸涓庣姸鎬� | +|---|---| +| 鐧诲綍绔�夋嫨 | 浜岄�変竴鍗曢�夌粍锛岄珮 52px锛涢�変腑椤瑰悓鏃舵湁杈规銆佸簳鑹插強閫変腑鏍囪瘑锛屾敮鎸侀敭鐩樻搷浣滐紱璇存槑鈥滃彲鎵嬪姩鍒囨崲鈥� | +| 涓绘寜閽� | 楂� 52px锛涢粯璁ゃ�佹寜涓嬨�佺劍鐐广�佸鐞嗕腑銆佺鐢ㄧ姸鎬佹槑纭紱涓�涓〉闈㈠彧绐佸嚭涓�涓富瑕佸姩浣� | +| 娆¤鎸夐挳 | 鏂囧瓧鎴栨弿杈癸紝鐐瑰嚮鍖哄煙鑷冲皯 44px锛涜繑鍥� / 鍙栨秷涓嶄笌鎻愪氦鍚岀瓑绐佸嚭 | +| 琛ㄥ崟杈撳叆 | 鏍囩甯搁┗锛屼笉浠呯敤鍗犱綅绗︼紱閿欒璐磋繎瀛楁锛屽繀瑕佹椂鑱氱劍棣栦釜閿欒瀛楁 | +| 浣嶇疆閫夋嫨 | 灞曠ず宸查�変骇绾� / 搴撳尯 / 搴撲綅锛涚┖鍊煎啓鈥滆閫夋嫨搴撲綅鈥濓紝涓嶈兘灞曠ず闅句互鐞嗚В鐨勬í绾� | +| 涓氬姟鍒楄〃 | 鍝佺銆佺姸鎬佷负绗竴灞傦紝鏁伴噺鍙婁綅缃负绗簩灞傦紝鐮佸�煎拰鏃堕棿涓虹涓夊眰锛涙暣琛岃繘鍏ヨ鎯咃紝鎵归噺鍕鹃�夐渶鏄庣‘閫夋嫨妯″紡 | +| 浣滀笟鍙嶉 | 璇嗗埆缁撴灉銆佷笟鍔″鐞嗕腑銆佹垚鍔熴�佸け璐ャ�佸緟纭鍚勬湁鐙珛鐘舵�侊紱澶辫触鍘熷洜鍜屾仮澶嶆寜閽繚鐣欏湪椤靛唴 | +| 搴曢儴閫夋嫨闈㈡澘 | 鏍囬銆佸叧闂�佹悳绱€�侀�夐」銆佺‘璁ゅ畬鏁达紱鎵撳紑鍚庣鐞嗙劍鐐癸紝鍏抽棴鍥炲埌鍘熸帶浠讹紱閫傞厤閿洏 | + +杈撳叆闃舵涓嶄娇鐢ㄧ孩鑹测�滃け璐モ�濇牱寮忚〃绀哄皻鏈～鍐欍�傛病鏈夋潈闄愮殑鍔ㄤ綔涓嶅睍绀猴紱鍥犱笟鍔＄姸鎬佹殏鏃朵笉鍙墽琛岀殑鍔ㄤ綔灞曠ず绂佺敤鐘舵�佸強鍘熷洜锛屼袱鑰呬笉鑳芥贩涓轰竴璋堛�� + +澹板搷涓庢尟鍔ㄥ彧浣滀负鐢ㄦ埛鍙叧闂殑杈呭姪鍙嶉锛屼笉鑳芥浛浠ｅ睆骞曠粨鏋溿�傛櫘閫氭垚鍔熸彁绀哄彲绠�鐭紝浣嗗叆搴撱�佸嚭搴撱�佺粦瀹氱粨鏋滃繀椤诲彲浠庣粨鏋滈〉鍙婅褰曢〉鎭㈠銆傚姞杞介噰鐢ㄧǔ瀹氬崰浣嶏紝涓嶈兘璁╂寜閽拰鍏抽敭浣嶇疆闅忕潃鍐呭鍔犺浇璺冲姩銆� + +### 鐧诲綍椤佃惤鍦拌鏍� + +480px 瑙嗗彛宸﹀彸鐣欑櫧 24px锛岃〃鍗曞搴� 432px锛涜緝绐勮鍙ｅ噺鑷� 16px銆傞灞忛『搴忎负绠�鐭紒涓氬悕绉颁笌绯荤粺鏍囬銆佺閫夋嫨銆佽处鍙枫�佸瘑鐮併�佹潯浠堕獙璇佺爜銆佺櫥褰曟寜閽�侀敊璇弽棣堛�傚搧鐗屽尯涓嶆斁澶у浘鎴栭暱瀹ｄ紶鏂囨锛屼负琛ㄥ崟鍜岄敭鐩樼暀绌洪棿銆� + +绔�夋嫨鏍囩涓衡�滅Щ鍔ㄧ鈥濃�淧C 绔�濓紝杈呭姪璇存槑涓衡�滃凡鎸夊睆骞曞ぇ灏忛�夋嫨锛屽彲鎵嬪姩鍒囨崲鈥濄�傜櫥褰曟寜閽枃妗堥殢閫夋嫨鍙樹负鈥滅櫥褰曠Щ鍔ㄧ鈥濇垨鈥滅櫥褰� PC 绔�濄�傝嚜鍔ㄩ粯璁よ鍒欐部鐢ㄧ 3 鑺傦紱閫変腑鍊兼槸鐙珛瀛楁锛屼笌鐭俊鐧诲綍鏂瑰紡鍒嗗紑銆� + +璁よ瘉鎴愬姛浣嗚彍鍗曡幏鍙栧け璐ユ椂鏄剧ず鈥滅櫥褰曟垚鍔燂紝鍔熻兘鍔犺浇澶辫触鈥濓紝鍙噸璇曞姞杞芥垨閫�鍑猴紱娌℃湁璇ョ鎺堟潈鍔熻兘鏃舵樉绀烘棤鍔熻兘鐘舵�侊紝涓嶄吉瑁呮垚瀵嗙爜閿欒銆傞獙璇佺爜鍑虹幇鎴栧け璐ヤ笉寰楁竻绌鸿处鍙峰強绔�夋嫨锛屽瘑鐮佸鐞嗘部鐢ㄧ幇鏈夊畨鍏ㄦ満鍒躲�� + +## 12. 480 脳 800 鍘熷瀷瑙勬牸涓庨獙璇佺煩闃� + +### 椤甸潰鍐呭棰勭畻 + +涓�绾ч〉鐨勫彲鐢ㄤ腑闂村尯鍩熶负 680px锛屼互涓嬫寜鏃犻澶栧畨鍏ㄥ尯銆佹棤閿洏璁＄畻銆傞珮搴︽槸鍘熷瀷甯冨眬棰勭畻锛屽疄闄呮枃妗堝彉闀挎椂鑷劧澧為暱骞舵粴鍔ㄣ�� + +| 宸ヤ綔鍙板尯鍩� | 棰勭畻 | 淇℃伅鍐呭 | +|---|---:|---| +| 鍐呭杈硅窛涓庡垎缁勯棿璺� | 96px | 棣栧熬鍙婂尯鍩熼棿鐣欑櫧 | +| 褰撳墠浣滀笟涓婁笅鏂� | 64px | 宀椾綅銆佷綅缃�佸垏鎹㈠叆鍙� | +| 涓绘搷浣滃尯鍩� | 96px | 鎵爜鍏ュ簱 52px锛屾壂鐮佹煡璇㈡瑕佸叆鍙� | +| 甯哥敤鍏ュ彛 | 160px | 涓よ涓ゅ垪锛屽叡鍥涢」 | +| 鏈�杩戣褰曢瑙� | 220px | 鏍囬鍜屼袱鏉¤褰曪紝鎻愪緵鈥滄煡鐪嬪叏閮ㄢ�� | +| 寮规�т綑閲� | 44px | 闀夸綅缃悕绉般�佹彁绀烘垨鍐呭鍙樺寲 | + +鎬昏 680px銆傚緟鍔炰换鍔℃帴閫氬悗鍙浛鎹㈣褰曢瑙堬紝涓嶅湪棣栧睆鍙犲姞鏂扮殑缁熻鍖恒�傚矖浣嶆病鏈夊洓涓彲鐢ㄥ叆鍙ｆ椂锛屾寜瀹為檯鏁伴噺鎺掑垪锛屼笉鐢ㄦ棤鏁堝姛鑳借ˉ榻愩�� + +鎵爜椤甸噰鐢� 56px 鏍囬銆�64px 涓婁笅鏂囥��600px 涓棿鍖哄煙鍜�80px 搴曢儴鎿嶄綔銆備腑闂村尯鍩熷绾崇害 320px 鍙栨櫙鍖恒�佹搷浣滆鏄庛�佽瘑鍒姸鎬佸拰鎵嬪姩杈撳叆鍏ュ彛锛涙枃瀛楁斁鍦ㄦ槑浜儗鏅腑锛岄伩鍏嶇洿鎺ヨ鐩栧鏉傜浉鏈虹敾闈€�傜浉鏈哄彇鏅笌璇嗗埆鎬ц兘椤诲湪鐪熷疄璁惧楠岃瘉銆� + +纭椤垫妸瀹屾暣瀵硅薄銆佺洰鏍囦綅缃笌鏁伴噺缃簬鎿嶄綔鎸夐挳鍓嶃�傜粨鏋滈〉鎻愪緵鈥滅户缁壂鐮佲�濆拰鈥滄煡鐪嬫湰娆¤褰曗�濓紝涓嶈嚜鍔ㄨ烦鍥炵浉鏈猴紱鐢ㄦ埛鏄庣‘缁х画鍚庢墠鍚姩涓嬩竴娆¤瘑鍒�� + +### 鍘熷瀷璇勫涓庡悗缁獙鏀� + +| 鍦烘櫙 | 棰勬湡缁撴灉 | +|---|---| +| 480 脳 800锛屾棤閿洏 | 榛樿绉诲姩绔紱涓昏鎿嶄綔銆佷笂涓嬫枃鍙彂鐜帮紝鏂囧瓧涓嶆埅鏂叧閿唴瀹� | +| 480 脳 800锛岄敭鐩樻墦寮� | 褰撳墠瀛楁涓庨敊璇彲瑙侊紝鐧诲綍 / 鎻愪氦鎿嶄綔鍙埌杈撅紝鏃犲弻灞傚簳鏍忛伄鎸� | +| 375px 瀹芥垨杈冪煭瀹為檯瑙嗗彛 | 鍐呭鑷劧婊氬姩锛屾寜閽笉缂╁皬锛岄〉闈㈡病鏈夋í鍚戞孩鍑� | +| 768px 榛樿涓寸晫鐐� | 鍒濇榛樿鍊兼纭紱鎵嬪姩閫夋嫨涓嶅洜鍐嶆缂╂斁琚鐩� | +| PC 閫夋嫨绉诲姩绔� | 480px 涓婇檺瀹瑰櫒灞呬腑锛岀Щ鍔ㄨ彍鍗曞拰鎿嶄綔琛屼负涓�鑷� | +| 瀛椾綋鏀惧ぇ銆侀暱鍝佺 / 闀垮簱浣� / 闀跨爜鍊� | 澶氳鏄剧ず锛屽叧閿寜閽粛鍙埌杈撅紱涓嶄細鐢ㄧ渷鐣ュ唴瀹规彁浜� | +| 鎷掔粷鐩告満銆佹棤鏁堢爜銆侀噸澶嶇爜 | 鏄庣‘鎻愮ず骞惰兘缁х画杈撳叆鎴栨仮澶嶏紝涓嶅亣鏄剧ず涓氬姟鎴愬姛 | +| 鎻愪氦涓噸澶嶇偣鍑汇�佽秴鏃跺悗閲嶈瘯 | 鏃犻噸澶嶆彁浜わ紱寰呯‘璁ょ粨鏋滃厛鏍稿疄锛屽師鎿嶄綔鏍囪瘑淇濇寔绋冲畾 | +| 鐧诲綍鎴愬姛鍚庢棤鑿滃崟鎴栬彍鍗曞姞杞藉け璐� | 鍒嗗埆鏄剧ず鏃犲姛鑳藉拰鍔犺浇澶辫触锛屽彲鍒囨崲绔�侀噸璇曟垨閫�鍑� | +| 鍙湁鏌ヨ鏉冮檺 | 鏈夋煡璇㈠叆鍙ｏ紝娌℃湁鍐欏叆鍏ュ彛锛涚洿鎺ヨ闂啓鍏ユ帴鍙ｄ粛鍙楁湇鍔＄闄愬埗 | +| 杩斿洖銆佸埛鏂般�佸垏绔�佸垏璐﹀彿 | 鏉冮檺銆佽彍鍗曘�佽崏绋垮拰涓婁笅鏂囧鐞嗙鍚堜細璇濆強璐﹀彿杈圭晫 | + +鍘熷瀷闃舵鍙獙璇佸竷灞�銆佷俊鎭眰绾у拰浜や簰鐘舵�侊紱鐧诲綍銆佹壂鐮佽瘑鍒�佸箓绛夈�佸簱瀛樹竴鑷存�у拰璺ㄨ处鍙锋潈闄愬繀椤诲湪鎺ュ叆鍚庡崟鐙獙鏀躲�傛枃妗ｄ腑鐨勯绠椼�佸姣斿害涓庣姸鎬佽鏍间笉鑳芥浛浠ｅ疄闄呰澶囨祴璇曘�� -- Gitblit v1.9.3