资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么在微信小程序中使用template模版-创新互联

怎么在微信小程序中使用template模版?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联主营新邵网站建设的网络公司,主营网站建设方案,app开发定制,新邵h5微信小程序开发搭建,新邵网站营销推广欢迎新邵等地区企业咨询

1. 创建 template 模版

不同于 page 和 Component 的创建, 在开发者工具中并不能快速创建一个 template 模版。所以需要单独创建 wxss wxml 文件。

怎么在微信小程序中使用template模版

template.wxml 文件语法

一个 template.wxml 文件中使用

template.wxss 模版样式文件

模版可以拥有自己的样式文件

text{
 color: #cccccc;
}

2. 引用 template 模版

  • template 模版的引用需要使用 标签。 该标签的 src 属性为需要引用模版的路径。

  • template 模版的使用用

    index.js

    Page({
     data: {},
     handleTap() {
     console.log('template 模版 click')
     }
    })

    5.  import 有作用域

    import 有作用域的概念,即只会 import 目标文件中定义的 template,而不会 import 目标文件中 import 的 template,简言之就是 import 不具有递归的特性。

    例如:C 引用 B,B 引用A,在C中可以使用B定义的 template,在B中可以使用A定义的 template ,但是C不能使用A定义的template

    6. include 配合 template 模版

    如同使用 引用和使用模版一样, 同样也可以使用 来引用一个模版。

    需要注意的是:

    • 使用 引用模版文件时, 并不能分别出模版文件的模版块, 所以使用 引用的模版文件中只能定义一个模版块。

    • include 可以将目标文件中除了