微信小程序之模版的使用(template)-程序员宅基地

  WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。

  分为两部分,定义模板和使用模板

  (1)、定义模板:使用 name 属性,作为模板的名字。然后在<template/>内定义代码片段。例如:定义一个加载的模板,在资源请求到之前调用该模板,请求到资源之后关闭该模板。

  例如,我的文件目录是这样的:

        

    

  其中,template文件夹下存放的是需要调用的模板,我现在index文件夹下的index.wxml文件中调用该模板。

  模版文件load.wxml的代码如下:  

<template name="loading">
  <view class='loading-container' wx:if="{
     {isShowLoading}}">
     <image src='https://img-blog.csdnimg.cn/2022012917343581065.gif' ></image>
  </view>
</template>

  模板样式文件load.wxss这里省略了。

 

  (2)、使用模板:使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入。

  那么我在index文件夹下的index.wxml文件中调用该模板,应该这样写:  

<import src="../../template/load.wxml" />  // 导入摸板文件
<template is="loading" data="{
     {isShowLoading}}" />  // 使用模板

  其中isShowLoading是一个boolean值,想让文件处于加载状态就等于true,否则为false

转载于:https://www.cnblogs.com/jf-67/p/8532640.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30576859/article/details/94783338

智能推荐

【nodejs原理&源码赏析(3)】欣赏手术级的原型链加工艺术_nodejs查看整条原型链-程序员宅基地

文章浏览阅读1.7k次。学习经典代码中的prototype加工示例代码托管在:http://www.github.com/dashnowords/blogs好的代码都差不多,烂的代码却各有各的烂法。一. 概述原型链是javascript非常重要的基础知识。最近在阅读node.js,发现许多代码乍一看会觉得很费解,但细细品味之后会觉得非常优雅,对于代码细节的把控和性能的考量让人觉得赞叹。不得不说看大师级的作..._nodejs查看整条原型链

如何使用Numpy.identity()_num.pyidentity-程序员宅基地

文章浏览阅读173次。Numpy.identity()的document. 输入n为行数或列数,返回一个n*n的对角阵,对角线元素为1,其余为0。dtype可选,默认为float格式。若dtype设为“bool”,则返回对角线元素为True其余元素为Flase的方阵。a = numpy.identity(3,dtype=bool)print(a)[[ True False False][False True False][False False True]]..._num.pyidentity

IIS7 / IIS7.5 URL 重写 HTTP 重定向到 HTTPS-程序员宅基地

文章浏览阅读403次。1、购买SSL证书2、IIS7 / IIS 7.5 下绑定 HTTPS 网站3、下载安装URL重写模块:Microsoft URL Rewrite Module32位:http://download.microsoft.com/download/4/9/C/49CD28DB-4AA6-4A51-9437-AA001221F606/rewrite_x86_zh-CN.msi..._iis网页如何把网址由http变为http s

毕业设计——asp.net毕业论文选题系统设计三层架构毕业源码案例设计-程序员宅基地

文章浏览阅读482次,点赞7次,收藏6次。asp.net毕业论文选题系统设计三层架构毕业源码案例设计。

java解决topk问题-程序员宅基地

文章浏览阅读316次。java解决topk问题 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/L969621426/article/details/62217226 面试题中经常用到堆,这里总结一下。方法一..._java解决topk问题

第八章 AdaBoost算法(提高分类准确率)_adaboost做分类准确率和训练集顺序有关系吗-程序员宅基地

文章浏览阅读4.4k次。AdaBoost是一种流行的提升(提高分类准确率的组合分类方法)算法。它是一种迭代算法,其核心思想是针对同一个训练集训练不同的分类器,即弱分类器,然后把这些弱分类器集合起来,构造一个更强的最终分类器。算法本身是改变数据分布实现的,它根据每次训练集之中的每个样本的分类是否正确,以及上次的总体分类的准确率,来确定每个样本的权值。将修改权值的新数据送给下层分类器进行训练,然后将每次训练得到的分类器融合起_adaboost做分类准确率和训练集顺序有关系吗

随便推点

图解图论介绍及应用(4):Twitter的例子: Tweet的触达问题-程序员宅基地

文章浏览阅读2.6k次。点击上方“AI公园”,关注公众号,选择加“星标“或“置顶”作者:Ayoosh Kathuria编译:ronghuaiyang导读知识图谱是AI领域非常有用的一种工具,知识..._用图对twitter用户行为建模

六 、Vulnhub靶机实战——DC-2_vlunhub dc-2-程序员宅基地

文章浏览阅读162次。Vulnhub靶机实战——DC-2https://blog.csdn.net/weixin_43583637/article/details/101552825_vlunhub dc-2

CAN总线报文浅析-程序员宅基地

文章浏览阅读797次。CAN的报文格式在总线中传送的报文,每帧由7部分组成。CAN协议支持两种报文格式,其唯一的不同是标识符(ID)长度不同,标准格式为11位,扩展格式为29位。在标准格式中,报文的起始位称为帧起始(SOF),然后是由11位标识符和远程发送请求位(RTR)组成的仲裁场。RTR位标明是数据帧还是请求帧,在请求帧中没有数据字节。控制场包括标识符扩展位(IDE),指出是标准格式还..._报文中的起始位

mysql单表百万级数据查询速度慢的优化_mysql 百万级数据查询慢-程序员宅基地

文章浏览阅读2w次。转自别人博客:https://blog.csdn.net/qq_34273059/article/details/82843215https://blog.csdn.net/u011277123/article/details/72627011_mysql 百万级数据查询慢

LYK loves girls(DP,Burnside 定理)-程序员宅基地

文章浏览阅读95次。优化到 O(n) 应该是比较简单的

VMWare虚拟机下为Ubuntu 12.04.1配置静态IP(NAT方式)ping不通主机 不通虚拟机_nat模式下主机ping vmware的ubuntu不通-程序员宅基地

文章浏览阅读8.5k次。这篇写的还不错:http://www.cnblogs.com/objectorl/archive/2012/09/27/vmware-ubuntu-nat-static-ip-settings.html背景在虚拟机下运行操作系统,尤其是Linux系统已经是非常常见的做法。有时你想在虚拟机下搭建一个(模拟)服务器来供主机访问,比如搭建一个telnet/ssh。此时你会发现,每_nat模式下主机ping vmware的ubuntu不通

推荐文章

热门文章

相关标签