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

简介: 由于我之前没用过we-ui,在网上也没找到组建库,最后看到了一篇文章解决此方法,我自己亲测试了下是可以用的(不引用任何文件的情况下测试的),分享给大家!使用 css 属性 :white-space:pre-wrap。和标签并不能让文本自动换行,微信小程序也不支持。然后在目标页面的.json文件中 引入即可。第一步,在小程序后台添加该组件库。第二步,在小程序app.json。

第一步,在小程序后台添加该组件库
在这里插入图片描述

第二步,在小程序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,在网上也没找到组建库,最后看到了一篇文章解决此方法,我自己亲测试了下是可以用的(不引用任何文件的情况下测试的),分享给大家!!!

另外插个题外话

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

解决方案

替换<br/>标签 为 \n

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


文本保留空格和回车

相关文章
|
6天前
|
小程序 JavaScript
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
|
6天前
|
存储 小程序 JavaScript
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
|
6天前
|
JSON 小程序 数据格式
【微信小程序】-- 自定义组件总结 (四十)
【微信小程序】-- 自定义组件总结 (四十)
|
6天前
|
小程序 JavaScript
【微信小程序】-- 自定义组件 - behaviors(三十九)
【微信小程序】-- 自定义组件 - behaviors(三十九)
|
6天前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
|
6天前
|
小程序
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
【微信小程序】-- 自定义组件 - 纯数据字段 & 组件的生命周期(三十六)
|
6天前
|
小程序 JavaScript
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
|
6天前
|
小程序 JavaScript
【微信小程序】之自定义四宫格(不用mp-grids扩展组件实现,这个组件太难用了)
【微信小程序】之自定义四宫格(不用mp-grids扩展组件实现,这个组件太难用了)
|
6天前
|
JSON 资源调度 小程序
一个强大的小程序富文本组件mp-html
一个强大的小程序富文本组件mp-html
42 0
|
6天前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)
【微信小程序】-- 自定义组件 - 父子组件之间的通信(三十八)

热门文章

最新文章