使用小程序UI库

npm install --npm install --save weui-miniprogram

在app.wxss里引入

@import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss';

但是我在这里报错了
解决方法我把node_modules文件名改成nimoprogram_npm

@import '/miniprogram_npm/weui-miniprogram/miniprogram_dist/weui-wxss/dist/style/weui.wxss';

在页面的 json 文件加入 usingComponents 配置字段

{
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }
}

这部也改成

{
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/miniprogram_dist/slideview/slideview"
  }
}

我看有的需要这样

image.png

但是我的依然报

image.png

如果有人能为我解惑感激不尽
不过这样确实能用了
二、
通过 useExtendedLib 扩展库的方式引入，这种方式引入的组件将不会计入代码包大小
这个方法比较方便，只需要在app.json引入

"useExtendedLib": {
    "weui": true
  },

页面json

"usingComponents": {
    "mp-slideview": "weui-miniprogram/slideview/slideview"
  }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。