评论

weui内置扩展库使用步骤

2019-12-02
13574浏览
12评论

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  
点赞 12
收藏
评论

12 个评论

  • 🔆
    🔆
    2021-06-07

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

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

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

    2021-01-02
    赞同
    回复 1
    • 李伟豪
      李伟豪
      2021-01-04
      样式污染？我这边也有几十个页面，没有这个问题哦
      2021-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
      赞
      回复
    • langsi
      langsi
      2021-10-20回复李伟豪
      没有加/也是找不到
      2021-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
      赞
      回复

正在加载...

请 登录 后发表内容
作者介绍

文章标签
weui内置扩展库自定义组件组件