weui内置扩展库使用步骤
发布于 5 年前 作者 minxie 5007 次浏览 来自 分享
  1. 更新最新的 nightly 版开发者工具
  2. 在app.json里新增
    “useExtendedLib”: {
    “weui”: true
    }
  3. 在使用的页面json文件应用组件,比如在index.json里
    {
    “navigationStyle”:“custom”,
    “usingComponents”: {
    “mp-navigation-bar”:"/weui-miniprogram/navigation-bar/navigation-bar"
    }
    }
  4. wxml文件使用组件,比如在index.wxml里
    <mp-navigation-bar title=“首页”></mp-navigation-bar>
  5. 验证有无生效。
  6. 示例代码片段:https://developers.weixin.qq.com/s/1GPX7jmG78dz

备注:
文档里说目前暂不支持在分包中引用,但据代码测试,分包也能使用。

各位觉得有用的话,给个赞呗。

4 回复

usingComponents里面的路径成迷

完美,已亲测通过,现在我可以把我的首赞送上了,赞一个。

大佬,原本在app.wxss的引用,怎么写?

直接写 weui-miniprogram/navigation-bar/navigation-bar 就可以了

回到顶部