微信小程序模板<template>的使用

1、通过创建一个template的wxml 来写一个模板name是引用一个模板的入口 如在另一个wxml<import/>引入之后通过调用模板is=name 就可以找到某个模板
2、模板的数据变化 模板内设置数据的时候如<text>{{age}}</text>此时别处调用模板的地方<template is=name data=“{{age:26}}”/> data对象的key值必须是模板内的age 不然不会生效。
3.模板内也可以添加样式
在写模板的wxss中写入模板的样式,然后调用模板的页面的wxss引用@import “../template/template.wxss”,然后把模板写入wxml中样式也会生效了。
1、先建立一个文件用来写模板用
先建立一个文件用来写模板用
2、写下一个模板
写下一个模板
3、写下模板的css样式
写下模板的css样式
4、在test页面wxml中引用模板
在test页面wxml中引用模板
5、在test页面wxss引用模板样式
在test页面wxss引用模板样式
6、可以把你想填充的数据写成model放在test的js文件中
可以把你想填充的数据写成model放在test的js文件中
7、预览结果
预览结果
8、补充:引用模板的时候可以在is="{{条件?模板名字1:模板名字2}}"用条件判断来使用不同的模板
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容