微信小程序 wxml include 公共模板

文章目录

    需求

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

    由于页面太多,全部逐页手动添加不现实,所以需要用到引入公共模板的功能。
    连 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 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式