1、模板使用

1、wxml中創建模板

<template name="msgItem">

<view>

<text> {{index}}: {{msg}} </text>

<text> Time: {{time}} </text>

</view>

</template>

2、js中準備數據

data: {

item: {

index: 0,

msg: 'this is a template',

time: '2016-06-18'

},

}，

3、引用模板

一個模板

<template is="msgItem" data="{{...item}}"/>

多個模板?

<block wx:for="{{[1, 2, 3, 4, 5]}}"><template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/> </block>

?

?2、動態更新內聯樣式

1、js里面準備數據

data: {

eleColor: 'blue',

eleFontsize: '48rpx'

},

2、wxml動態調用內聯樣式值

<view style="color: {{eleColor}}; font-size: {{eleFontsize}}">sfwefwef分為非</view>

總結

以上是生活随笔為你收集整理的微信小程序开发实战基础二、wxml模板，动态更新内联样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。