⼩程序————模板使⽤⽅法
1.使⽤场景:多个页⾯需要使⽤同⼀场景,例如返回⾸页,提⽰弹窗等
2.使⽤⽅法:
模板结构
模板的wxml
使⽤name属性,作为模板的名字,name属性是⽤来区分模板的标志,不同的模板会有不同的name名,然后在template中定义代码⽚段
模板中如果有图⽚,⼀定要注意图⽚路径
⼩程序没有dom,bindtap是⼀个点击事件
模板的wxss
wxss可以放在template.wxss中,也可以放在app.wxss中,如果项⽬需要⼤量使⽤⼀个模板,WXSS引⼊到全局,减少代码量;如果项⽬只是很少地⽅使⽤模板,可以在需要的页⾯引⼊WXSS
使⽤模板
1. ⽤import 将模板引⼊;
2. 使⽤模板,template 的is 属性和模板中:name 属性对应,表⽰你要使⽤的具体模板;
3. data 属性是模板中要使⽤的数据,引⽤页⾯的data数据应该和wxml中的数据保持⼀致
呈现效果
点击回到⾸页图标,图标先会往左移动⼀定距离,然后再次点击
>小程序有模板吗
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论