template模板的应用
步骤:
1、建template文件夹,在里面建每一个模板文件夹。
2、写模板的wxml,wxss,确定模板的样式。注意:在模板的第一个块元素要起name属性。
3、引入模板:1.在需要引入的位置写<template>标签,具体如下:
<template is="shop" wx:for="{{shoplst}}"wx:key="{{item}}"data="{{...item}}" />
is:所找的模板名字。wx:for:循环的js里的数据。data:...item的写法是为了方便模板调用数据直接用数组里的键。
注意:需要在开头引入模板,如:
<import src="./templates/shop/shop.wxml" />
4、引入css
在母版的css样式中引入模板的css,如:
@import "./templates/shop/shop.wxss";