template模板的應用
步驟:1、建template資料夾,在裡面建每乙個模板資料夾。
2、寫模板的wxml,wxss,確定模板的樣式。注意:在模板的第乙個塊元素要起name屬性。
3、引入模板:1.在需要引入的位置寫標籤,具體如下:
is="shop
" wx:for="
}"wx:key="
}"data="
}" />
is:所找的模板名字。wx:for:迴圈的js裡的資料。data:...item的寫法是為了方便模板呼叫資料直接用陣列裡的鍵。
注意:需要在開頭引入模板,如:
"./templates/shop/shop.wxml
" />
4、引入css
在母版的css樣式中引入模板的css,如:
@import "./templates/shop/shop.wxss
";
微信小程式,隨筆1
背景顏色 background color eee height 100vh 等效於height 100 彈性布局 display flex 排列方向 垂直 flex direction column 有空格的均勻分布 justify content space around 每行居中 align ...
微信小程式使用echarts隨筆
1 在設定y軸數值的時候,可以在 yaxis 中通過配置 splitnumber 來控制 y 軸被分割成為幾段,舉個例子,設定 splitnumber 為 5,然後y軸就會根據後台返回的資料,將y軸分為5份,最高值為返回資料中的最高值,例如返回資料為 10,30,21,50,60 此時,y軸最大顯示...
微信小程式 首頁製作簡單例項
微信小程式 首頁製作簡單例項 實現效果圖 首先從大的方面來講,就是設定了window的屬性 n igationbarbackgroundcolor afe2e6 bar背景顏色 n igationbartextstyle white bar字型顏色 backgroundcolor white 背景顏...