评论

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

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

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

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

9 个评论

  •      ..囀る鳥は羽ばたかない
     ..囀る鳥は羽ばたかない
    星期四 23:29

    试了上面的所有方法都未成功,代码块也没显示没找到。就很谜

    星期四 23:29
    赞同
    回复
  • 郑旭东
    郑旭东
    06-19

    这个很方便,今天把手动下载打包的方式改为了这种方式。

    06-19
    赞同
    回复
  • 拎包哥
    拎包哥
    06-05

    weui-miniprogram前不能有/,请作者在代码片段里也改一下。谢谢!

    06-05
    赞同
    回复 3
    • 李伟豪
      李伟豪
      06-05
      我这边可以有/哦
      06-05
      回复
    • 拎包哥
      拎包哥
      06-05回复李伟豪
      啊,这就奇怪了。。。
      06-05
      回复
    • 拎包哥
      拎包哥
      06-05
      也有可能是我是Nightly build 1.04.2005272的缘故
      06-05
      回复
  • LokNum🎣
    LokNum🎣
    04-24

    04-24
    赞同
    回复 5
    • 李伟豪
      李伟豪
      04-24
      升级开发工具,使用代码片段试试能否正常显示
      04-24
      回复
    • LokNum🎣
      LokNum🎣
      04-24回复李伟豪
      全局CSS部分怎么引入?
      04-24
      1
      回复
    • LokNum🎣
      LokNum🎣
      04-24
      这个是正常的吗
      04-24
      回复
    • 李伟豪
      李伟豪
      04-24回复LokNum🎣
      已经自动引入了,无需再处理
      04-24
      回复
    • 李伟豪
      李伟豪
      04-24回复LokNum🎣
      正常,是开发工具有些提示,自己写的组件也会
      04-24
      回复
  • 兵
    03-31

    点开代码片段直接报错

    03-31
    赞同
    回复 16
    查看更多(11)
  • 袁述~
    袁述~
    2019-12-12

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


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

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

    2019-12-03
    赞同
    回复 1
    • 袁述~
      袁述~
      2019-12-12
      看我上面留言,
      2019-12-12
      回复
  • 小肥羊
    小肥羊
    2019-12-02

    usingComponents里面的路径成迷

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

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

    2019-12-02
    赞同
    回复 5
登录 后发表内容