微信小程序制作-随笔3

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";

原文地址：https://www.cnblogs.com/hjjjjhd/p/10362794.html