微信小程式設計規範 官方 文件

2021-07-23 06:05:32 字數 516 閱讀 6889

常用字型大小為20,18,17,16,14,13,11(pt),使用場景具體如下:

導航(ios和android)

字型顏色

主內容black黑色,次要內容grey灰色;時間戳與表單預設值light灰色;大段的說明內容而且屬於主要內容用semi黑;

藍色為鏈結用色,綠色為完成字樣顏色,紅色為出錯用色press與disable狀態分別降低透明度為20%與10%;

列表外按鈕上文字標準

按鈕高度為44px下使用:顏色#000000 / #353535 字型大小18pt

列表外按鈕上文字標準

按鈕高度為25px下使用:顏色#000000 / #353535 字型大小14pt

頁面線性按鈕上文字標準

按鈕高度為35px下使用:顏色#09bb07 / #353535 字型大小16pt

微信小程式設計指南官方版放出

每個頁面都應有明確的重點,以便於使用者每進入乙個新頁面的時候都能快速地理解頁面內容,在確定了重點的前提下,應盡量避免頁面上出現其他干擾項影響使用者的決策和操作。反例示意 此頁面的主題是查詢,卻新增了諸多與查詢不相關的業務入口,與使用者的預期不符,易造成使用者的迷失。糾正示意 去掉任何與使用者目標不相...

微信小程式開發規範文件 專案結構

專案結構 project 根目錄 images 小圖示 pages pages目錄 utils 工具,包檔案目錄 project.config.json 專案的編輯器配置頁面目錄 1.由歷史原因和個人習慣導致目錄命名不統一,語義不清晰,不同成員在維護時難以快速識別。示例 錯誤的寫法 pages ab...

微信小程式開發規範文件 注意事項

乙個頁面的資料如果需要被其它頁面修改,則把這個頁面的資料放入storage裡。目錄結構符號 js模組引入請使用import關鍵字,而非require,wxml引入模板用標籤,wxss使用 import語法,三者統一 所有方法和變數名稱都使用小寫camel模式,一般是動詞 名詞形式,盡量不要超過5個單...