1打開微信公眾平臺登錄公眾號，進(jìn)入素材管理界面然后新建圖文信息，進(jìn)入圖文編輯界面點(diǎn)擊右方多媒體列表中的“小程序”2選擇已經(jīng)與公眾號綁定的小程序3確認(rèn)展示形式4填寫小程序路徑卡片標(biāo)題，并上傳大小為卡片圖片小程序路徑默認(rèn)為小程序的首頁卡片圖片尺寸必須為1080*864像素，文件。

1微信小程序發(fā)布商品為了最佳體驗(yàn)效果，注意商品圖尺寸，建議詳情圖尺寸寬度800，高度不限，輸出畫質(zhì)70%，格式j(luò)pg1目前小程序上的輪播圖的圖片是169的寬高比例，所以商家在給小程序商城設(shè)計(jì)輪播圖的時(shí)候，盡量按照這個(gè)尺寸來選擇如果有多張輪播圖，建議幾張的輪播圖的尺寸大小保持一致，這樣。

微信小程序也支持rem尺寸單位，rem和rpx的換算關(guān)系rem 規(guī)定屏幕寬度為20rem1rem = 75020rpx 注開發(fā)微信小程序時(shí)設(shè)計(jì)師可以用 iPhone6 作為視覺稿的標(biāo)準(zhǔn)建議設(shè)計(jì)稿使用設(shè)備寬度750px比較容易計(jì)算750px的話1rpx=1px，這樣的話，設(shè)計(jì)圖上量出來的尺寸是多少px就是多少rpx，至于在不同的。

設(shè)計(jì)規(guī)范概覽微信小程序logo支持GIF格式，但大小需控制在2MB以內(nèi)，推薦使用PNG以保持最佳效果三大平臺雖有相似要求，但細(xì)節(jié)上需逐一了解技巧一預(yù)留適應(yīng)性空間考慮正方形和圓形兩種展示，logo主體圖形應(yīng)避免被圓角或正方形裁切以144*144px為例，主體圖形大小建議為144*72%設(shè)計(jì)時(shí)注意視覺平衡，確保在。

特別的是，小程序組件庫中的Halfscreen Dialog使用414寬，對應(yīng)iPhone 8 Plus XS Max在電腦端，小程序以414*736的固定窗口顯示，電腦適配性需求相對較低盡管如此，小程序支持在電腦端響應(yīng)式適配，但這個(gè)功能需求不大總的來說，理解小程序的尺寸規(guī)則，關(guān)鍵在于適應(yīng)微信的系統(tǒng)規(guī)范，合理選擇畫布尺寸。

微信小程序開發(fā)列表渲染條件渲染tabBar頁面跳轉(zhuǎn)在組件上使用for控制屬性綁定一個(gè)數(shù)組，即可使用數(shù)組中各項(xiàng)的數(shù)據(jù)重復(fù)渲染該組件即for指令用于循環(huán)數(shù)組數(shù)據(jù)，生成組件循環(huán)出來的每一項(xiàng)通過item返回，每一項(xiàng)對應(yīng)的索引，通過index返回key=quotquot，設(shè)置每一項(xiàng)唯一的標(biāo)識循環(huán)列表時(shí)，添加。