码迷,mamicode.com
首页 > 微信 > 详细

微信小程序制作-随笔3

时间:2019-02-11 18:37:54      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:wxs   xss   数据   imp   for   class   应用   文件夹   item   

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

微信小程序制作-随笔3

标签:wxs   xss   数据   imp   for   class   应用   文件夹   item   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!