小程序(原生) 引入weUI组件

1、先把WeUI中的style放入小程序中；
2、在 app.wxss 里面引入 weui.wxss，如：
@import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss';

3、在app.json里配置：
"useExtendedLib": {
"kbone": true,
"weui": true
},
4、用什么组件在当前页面json里引用如：
"usingComponents": {
"mp-dialog": "weui-miniprogram/dialog/dialog",
"mp-uploader": "weui-miniprogram/uploader/uploader"
},
5、在当前页面wxml中使用

小程序(原生) 引入weUI组件相关推荐

微信小程序，引入WeUI组件库扩展组件库
小程序扩展组件库 | 微信开放文档微信官方文档给了两种weui引入方式: 通过 useExtendedLib 扩展库的方式引入,这种方式引入的组件将不会计入代码包大小. 可以通过npm方式下载构建 ...
微信小程序前端引入weui组件库
正在开发的微信小程序,想使用weui组件库. 步骤如下: 基础:1.小程序开发工具:1.06.22 1. 初始化以管理员身份运行命令行窗口(cmd)或使用VSCode进入终端,在cmd中进入项目的 ...
小程序不引入基础组件实现weui使用（附加小程序换行显示）
第一步,在小程序后台添加该组件库第二步,在小程序app.json 添加 "useExtendedLib": { "weui": true } 如图然后在目标 ...
react组件卸载调用的方法_小程序原生引入组件和调用组件的方法 - 一世^浮萍
看一下我的组件结构 components(被调用的组件) index(页面组件)请忽略调图片 module文件就是我所创的自定义组件,文件代码为: <view class="inner ...
微信小程序如何引入直播组件?
// 具体可查看文档的引入.这里以主包简单介绍 // app.js引入,首先需要在小程序后台第三方设置里添加插件. "plugins": {"live-player-pl ...
微信小程序-如何引入地图组件及显示当前所在位置
1.代码部分 wxml <view class="view"><map id="map" longitude="{{longit ...
微信小程序npm导入weui
1. 下载安装 node.js 没有node.js的先下载安装,至于什么是node.js自行查阅资料. 2. 进入管理员命令窗口 win10操作系统,安装好node.js之后, 按win+X ,选wi ...
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
开始前,请先完成首页的开发,详见 [微信小程序-原生开发]实用教程05-首页(含自定义调试模式.插入图片.图文排版.底部留白.添加本地图片) https://blog.csdn.net/weixin_ ...
微信小程序原生组件swiper在mpvue工程中使用注意事项
时下微信小程序开发框架中mpvue是主流的选择之一.其中,免不了还要使用部分小程序原生的组件.swiper组件几乎成为典型小程序界面的必备组成组件之一.但是,我在试用中遇到一个典型问题,很多相关网页中 ...

小程序(原生) 引入weUI组件

小程序(原生) 引入weUI组件相关推荐

最新文章

热门文章