zoukankan      html  css  js  c++  java
  • 微信小程序中使用template

    当我们的项目需要多次使用同一个布局和样式的时候,我们就可以考虑使用template(模块)来减少冗余的代码。

    使用方法:

    1. 新建一个template文件夹存放通用模板;

    2. 在文件夹汇里面新建一个wxml,wxss,进行模版和样式的定义;

    3. 设置模版的name,以及里面我们需要定义的wxml的内容;

    4. 设置wxss样式;

    5. 在需要使用的页面import倒入该wxml页面,注意路径位置;

    6. 在需要使用的wxss文件导入该wxss;

    7. 在页面上使用该模版,通过is判断使用那个模版,这里我们使用name为courseStudent模版(此处使用的是列表循环,所以data值为item);

    若将data使用ES6展开运算符‘...’,则模版里面绑定数据就不需要在前面加入item了;

    <!--使用ES6展开运算符 -->
    <template is="courseStudent" data="{{...item}}"></template>
    
    <template name="courseStudent">
      <!-- 此处渲染数据的时候就不需要使用 item.xxx了-->  
      <view>{{courseName}}</view>
    </template>

     原文链接:https://www.cnblogs.com/zzd0916/p/7878467.html

  • 相关阅读:
    从入门到不放弃系列之Koa2
    进击Node.js基础(二)
    进击Node.js基础(一)
    探知浏览器并发请求个数
    Elasticsearch 聚合操作
    Elasticsearch 数据查询
    Elasticsearch 数据操作
    Elasticsearch 映射操作
    Elasticsearch 索引操作
    IDEA类和方法注释模板设置
  • 原文地址:https://www.cnblogs.com/Webzhoushifa/p/9521778.html
Copyright © 2011-2022 走看看