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
相關文章
相關標籤/搜索