1.新建template文件夹
2.template文件中写好模板用name命名
<template name="priceShow">
<view class='template-Content'>
<view class='template-price'>
<text class='t-moneyicon'>¥</text> {{price}}
</view>
<view class='template-count'>X{{count}}</view>
</view>
</template>
3.页面中使用(data传值是重点)
在页面中
<import src="../../../../template/CountShow.wxml"/>
<view class='serviceCount'>
<template is="priceShow" data="{{...{price:12324,count:789} }}"></template>
</view>
在wxss中
@import '../../../../template/CountShow.wxss';
//注意:要给模板里面传多个值的时候可以用js的拓展运算符,最后一个花括号要跟外层的俩个花括号用空格隔开
网友评论