首页 > 微信应用  > 

微信小程序之template模板介绍

微信小程序之template模板介绍
微信小程序 template模板详解及实例 首先看一些官方的一些介绍。 模板:模板功能是通过对template 标签的属性 name=”” 去创建不同模板,通过is=”name的值”来使用。

微信小程序 template模板详解及实例

首先看一些官方的一些介绍。

模板:模板功能是通过对template 标签的属性 name=”” 去创建不同模板,通过is=”name的值”来使用。

通过上面两张图,大概能看出,使用模板可以为大量类似的布局带来便利。下面看一下我自己的一个Demo.

先放出效果图(数据来自聚合数据)

可以看到,除了选项个数的差别之外,其他布局是相同的。

下面的每一道题的模板。

<template name="carItem"> <view class="timu"> <view class="title">第pw_item.id题</view> <view class=&#39;question&#39;>pw_item.question</view> <view class="img" wx:if="pw_item.url!=&#39;&#39;"><image src="pw_item.url" /></view> <view class=&#39;select&#39;>A:pw_item.item1</view> <view class=&#39;select&#39;>B:pw_item.item2</view> <view class=&#39;select&#39; wx:if="pw_item.item3!=&#39;&#39;">C:pw_item.item3</view> <view class=&#39;select&#39; wx:if="pw_item.item4!=&#39;&#39;">D:pw_item.item4</view> <view class=&#39;content&#39;>答案:pw_item.answer</view> <view class=&#39;content&#39;>解释:pw_item.explains</view> </view></template>

微信小程序之template模板介绍由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“微信小程序之template模板介绍