微信小程序 wxml include 公共模板

更新日期: 2022-04-13 阅读次数: 2234 字数: 190 分类: 微信小程序

需求

我想在微信小程序每个页面的底部都加上统一的页脚,例如,问题反馈入口和版权信息等。

由于页面太多,全部逐页手动添加不现实,所以需要用到引入公共模板的功能。 连 golang 的 template 都支持 include 功能,更何况小程序的 wxml 呢。 查了一下,确实支持。

https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html

放在哪里

可以在项目根目录,与 pages 平级,新建一个 templates 的目录,专门用来存放公用模板。例如:

  • footer.wxml
  • header.wxml
  • ad.wxml

以 footer.wxml 为例:

templates/footer.wxml

<view class="footer">
    <navigator url="/pages/feedback/feedback" class="feedback">用的不爽?吐槽一下</navigator>
    <text class="tips">版权所有,大象计算器</text>
</view>

how to include

<include src="/templates/footer.wxml"/>

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式