微信小程序制作-随笔3

Posted 2021-02-08 hjjjjhd

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