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

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

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

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

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

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