王明昌博客如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
使用小程序时,当底部的内容相同时,没必要每个页面都要写一遍,可以写一个模板出来,然后进行引用,在这里我们使用template
如下
相关代码如下
定义模板
hd_footer.wxml
<template name="hd_footer">
<view class="shang footer duonav">
<navigator open-type='redirect' url="/pages/index/index" hover-class="none">
<text>首页</text>
</navigator>
<navigator url="/pages/activity_toupiao_show/activity_toupiao_show?id={{hd_id}}" hover-class="none">
<text>介绍</text>
</navigator>
<navigator url="/pages/activity_saishi_show/activity_saishi_show?id={{post_id}}" hover-class="none">
<text>报名</text>
</navigator>
<navigator url="/pages/activity_toupiao_xuanshou/activity_toupiao_xuanshou?id={{hd_id}}" hover-class="none">
</navigator>
</view>
</template>
template name="hd_footer" 定义模板名字
{{hd_id}} 变量1
{{post_id}} 变量2
使用模板
引入文件
<import src ="/wls/tpl/hd_footer.wxml"/>
使用的模板
<template is="hd_footer" />
传参
如果是单变量使用
<template is="hd_footer" data="{{hd_id}}" />
多变量,使用,隔开
<template is="hd_footer" data="{{hd_id,post_id}}" />
