weui内置扩展库使用步骤

发布于 6 年前作者 minxie5270 次浏览最后编辑 6 年前来自 share
  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 回复
tianjuan
tianjuan1 楼6 年前

usingComponents里面的路径成迷

xiajie
xiajie2 楼6 年前

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

qdeng
qdeng3 楼6 年前

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

naguo
naguo4 楼4 年前

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