专栏首页每日一篇技术文章微信小程序_05 模板的使用

微信小程序_05 模板的使用

模板的使用


第一步 .创建一个rewardwxml文件和对应的样式文件reward.wxss

第二步.创建一个模板,并且给模板起个名称

<temple name="reward">
   <view>{{name}}</view>
</temple>

第三步.就是引用这个模板了,在你需要引用模板的xxx.wxml 引入模板文件

  <import src='../../templates/reward/reward.wxml'>

第四步 使用模板文件并且传入数据

  <template is="chatRoom" data="{{...danmuArr,name:name}}" wx:if="{{menuIndex==0}}">
 </template>

注意:

1.数据前面必须以... 开头, 2.danmuArr 必须是一个json对象 3.逗号后面,可以是键值对的形式出现 4....后面必须跟一个json对象

第五步 导入模板布局文件

@import "../../templates/reward/reward.wxss";

提示:

我们在页面中使用模板时,也必须将模板对应的文件引入到页面的布局文件中来,如上

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序_06 将臃肿的单页js文件拆开

    小程序中每一个页面对应一个Page()方法,我们需要把变量和组件的各种事件都写在一个对象里,然后把对象作为这个参数传递给Page方法

    酷走天涯
  • 第四节 SCNScene

    通俗的说就是游戏场景,游戏场景主要由几何模型,灯光,照相机,和其它的属性组成,另外请注意,SCNScene这个对象包含3D场景和场景中的内容。

    酷走天涯
  • Swift3.0 - 类簇

    酷走天涯
  • Go Web 编程--超详细的模板库应用指南

    如果你有过Web编程的经验,那么或多或少都听说过或者使用过模板。简而言之,模板是可用于创建动态内容的文本文件。例如,你有一个网站导航栏的模板,其中动态内容的一部...

    KevinYan
  • 用这款 VSCode 插件,让记笔记更简单

    VS code 目前是我的主力代码编辑器,在大多数时候也是我的主力文本编辑器。为了在用 VS code 写文献阅读笔记和读书笔记时更加顺手,我根据自己的阅读和记...

    生信菜鸟团
  • TP5视图和模板

    其中{,}是在配置文件中模板的标签标记,模板引擎解析定义好的标记,在按照约定的操作来解析模板中的代码为PHP代码,最后转为php文件输出。这下理解了吧,模板引擎...

    Light413
  • 模板注入漏洞全汇总

    在MVC的设计模式下,一般从 Model 层中读取数据,然后将数据传到 View 层渲染(渲染成 HTML 文件),而 View 层一般都会用到模板引擎。

    Jayway
  • 笔记日记debug,推荐这个插件里的模板

    如果你对所谓5分钟笔记模板或者我在日记记录了什么感兴趣,可以收听最新一期熊言熊语的番外更新。

    生信菜鸟团
  • 9、微信小程序免费视频教程之模板

    需要使用template标签,然后给该标签指定一个name属性。接着就可以在该标签内写入一些代码片段。

    用户1272076
  • 电商/票务类小程序必读,如何用小程序推送消息?

    通常,服务方向用户推送的消息都带有通知性质,文案也相对固定。服务方将这类固定的文案制作成模板,这些文案就可以快速重复使用。

    知晓君

扫码关注云+社区

领取腾讯云代金券