评论

weui内置扩展库使用步骤

weui内置扩展库用法

  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

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

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

最后一次编辑于  12-02  
点赞 4
收藏
评论

4 个评论

  • 袁述(小程序全栈开发工程师)
    袁述(小程序全栈开发工程师)
    7小时前

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


    7小时前
    赞同
    回复 8
    • 李伟豪
      李伟豪
      7小时前
      你这个是想全局引入,不想一个个引用吗?
      7小时前
      回复
    • 袁述(小程序全栈开发工程师)
      袁述(小程序全栈开发工程师)
      7小时前回复李伟豪
      以前npm的时候,就是全局引入组件库的样式。这样其它页面就不用引入了。但是现在引入报错了。说找不到文件,应该是引入方式不对。
      7小时前
      回复
    • 李伟豪
      李伟豪
      6小时前
      哦哦,现在全局引入不需要了,可以直接配置扩展库就能引用组件使用。
      6小时前
      回复
    • 袁述(小程序全栈开发工程师)
      袁述(小程序全栈开发工程师)
      6小时前回复李伟豪
      是样式,表单的样式。
      6小时前
      回复
    • 李伟豪
      李伟豪
      2小时前
      试试: /miniprogram_npm/weui-miniprogram/xxx
      2小时前
      回复
    查看更多(3)
  • 小肥羊🐑🥬
    小肥羊🐑🥬
    12-03

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

    12-03
    赞同
    回复
  • 小肥羊🐑🥬
    小肥羊🐑🥬
    12-02

    usingComponents里面的路径成迷

    12-02
    赞同
    回复
  • Stephen
    Stephen
    12-02

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

    12-02
    赞同
    回复 4