1、模板使用

1、wxml中創(chuàng)建模板

<template name="msgItem">

<view>

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

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

</view>

</template>

2、js中準(zhǔn)備數(shù)據(jù)

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、動態(tài)更新內(nèi)聯(lián)樣式

1、js里面準(zhǔn)備數(shù)據(jù)

data: {

eleColor: 'blue',

eleFontsize: '48rpx'

},

2、wxml動態(tài)調(diào)用內(nèi)聯(lián)樣式值

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。