npm引入小程序官方WeUI组件库weui-miniprogram

一、打开cmd,在小程序根目录内,初始化npmhtml

npm init

二、执行命令安装 npm 包:npm

npm install --save weui-miniprogram

在这里插入图片描述

三、安装完成后,在微信开发者工具中的菜单栏:工具 ------ 构建 npm :json

在这里插入图片描述

四、在微信开发者工具中的右上角:详情 ------ 本地设置, 勾选“使用 npm 模块”选项:小程序

五、app.wxss引入全局样式微信

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

六、以pages的index为例,json中引入cell:微信开发

{
		  "usingComponents": {
			    "mp-cell": "../../miniprogram_npm/weui-miniprogram/cell/cell "
		   }
	}

七、点击文档中的组件示例代码,开始ctrl C + ctrl V吧~app

官方文档连接(这里是Slideview):xss

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html
相关文章
相关标签/搜索