评论

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/zB6mFrmc7elr

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

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

最后一次编辑于  2020-10-28  
点赞 11
收藏
评论

12 个评论

  • 🔆
    🔆
    06-07

    大佬,我现在有段代码,是体验版,手机不显示,电视上就显示,也不报错,奇了怪了,显示有段代码没有运行!我打的控制台输出手机上没有输出。。。。。我就用的weui

    06-07
    赞同
    回复 1
    • 李伟豪
      李伟豪
      06-08
      引用组件时,weui-miniprogram前不能有/。
      06-08
      回复
  • ghost
    ghost
    01-02

    引用组件后,原来很多页面都出现样式问题,原来页面比较多,有什么好的解决思路?

    01-02
    赞同
    回复 1
    • 李伟豪
      李伟豪
      01-04
      样式污染?我这边也有几十个页面,没有这个问题哦
      01-04
      回复
  • guoyijie
    guoyijie
    2020-11-21

    你好请问采用扩展方式引入一直报这个错是什么问题?

    当前开发工具版本号

    报错

    代码片段:

    2020-11-21
    赞同
    回复 1
    • 李伟豪
      李伟豪
      2020-11-23
      你好像用的是uniapp,这个不清楚
      2020-11-23
      回复
  •      ..ヴァニタス🐾
     ..ヴァニタス🐾
    2020-10-22

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

    2020-10-22
    赞同
    回复 1
    • 李伟豪
      李伟豪
      2020-10-28
      最新开发工具,引用组件时,weui-miniprogram前不能有/。
      2020-10-28
      回复
  • 郑旭东
    郑旭东
    2020-06-19

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

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

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

    2020-06-05
    赞同
    回复 6
    • 李伟豪
      李伟豪
      2020-06-05
      我这边可以有/哦
      2020-06-05
      回复
    • 拎包哥
      拎包哥
      2020-06-05回复李伟豪
      啊,这就奇怪了。。。
      2020-06-05
      回复
    • 拎包哥
      拎包哥
      2020-06-05
      也有可能是我是Nightly build 1.04.2005272的缘故
      2020-06-05
      回复
    • 李伟豪
      李伟豪
      2020-10-28回复拎包哥
      最新工具真的不能有/,搞得一直说未找到组件
      2020-10-28
      回复
    • 嚤抝#射ァ掱
      嚤抝#射ァ掱
      10-20回复李伟豪
      没有加/也是找不到
      10-20
      回复
    查看更多(1)
  • LokNum🎣
    LokNum🎣
    2020-04-24

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

    点开代码片段直接报错

    2020-03-31
    赞同
    回复 18
    查看更多(13)
  • 袁述~
    袁述~
    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
      回复

正在加载...

登录 后发表内容