小程序模板网

微信小程序template模板使用教程

发布时间:2021-06-15 08:58 所属栏目:小程序开发教程
项目目录

如下,template文件中存放的是模板,在mine.wxml中插入模板

 

定义模板

1. 在 template/authSetting/index.wxml 中我们可以定义模板了,这里我们可以写 n(很多很多)个模板,用 name 区分,使用的时候他会自动找到对应 name 的模板。

<template name="test">
    测试模板数据
</template>
2. 在template/authSetting/index.wxss中 设置好对应样式,此处略

使用模板

3. 在需要使用模板的.wxml文件中,先引入模板文件,我是在上述目录下的mine/index.wxml中引入的,注意路径写正确
  1. <import src="../../template/authSetting/index.wxml"></import>


4. 使用模板

此处is属性指向的是上述步骤1中设置的name值
  1. <template is="test"><template>


或者参照官方文档中循环的方式引入

5. 使用模板样式

在使用了模板的.wxss文件中引入该模板的样式文件
  1. @import "../../template/authSetting/index.wxss";


或者是在app.wxss中引入样式文件,这样全局只引用一次就行


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/26490.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询