第一步,在小程序后台添加该组件库
第二步,在小程序app.json
添加
"useExtendedLib": { "weui": true }
如图
然后在目标页面的.json文件中 引入即可
例如原文件是这样的
"mp-halfScreenDialog": "../../components/half-screen-dialog/half-screen-dialog"
改成
"mp-halfScreenDialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog"
即可使用
由于文章还差点字数,所以我再加点字,由于我之前没用过we-ui,在网上也没找到组建库,最后看到了一篇文章解决此方法,我自己亲测试了下是可以用的(不引用任何文件的情况下测试的),分享给大家!!!
另外插个题外话
微信小程序 和标签并不能让文本自动换行,微信小程序也不支持
换行
解决方案
替换
标签 为 \n
使用 css 属性 :white-space:pre-wrap
文本保留空格和回车