小程序不引入基础组件实现weui使用(附加小程序换行显示)

第一步,在小程序后台添加该组件库
小程序不引入基础组件实现weui使用(附加小程序换行显示)_第1张图片

第二步,在小程序app.json

添加

"useExtendedLib": { "weui": true }

如图
小程序不引入基础组件实现weui使用(附加小程序换行显示)_第2张图片

然后在目标页面的.json文件中 引入即可
小程序不引入基础组件实现weui使用(附加小程序换行显示)_第3张图片
例如原文件是这样的

 "mp-halfScreenDialog": "../../components/half-screen-dialog/half-screen-dialog"

改成

   "mp-halfScreenDialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog"

即可使用

小程序不引入基础组件实现weui使用(附加小程序换行显示)_第4张图片

由于文章还差点字数,所以我再加点字,由于我之前没用过we-ui,在网上也没找到组建库,最后看到了一篇文章解决此方法,我自己亲测试了下是可以用的(不引用任何文件的情况下测试的),分享给大家!!!

另外插个题外话

微信小程序 和标签并不能让文本自动换行,微信小程序也不支持
换行

解决方案

替换
标签 为 \n

使用 css 属性 :white-space:pre-wrap

文本保留空格和回车

你可能感兴趣的:(笔记,小程序,前端)