微信小程式製作 隨筆3

2022-06-23 19:33:10 字數 523 閱讀 3407

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 背景顏...