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

1、打开cmd，在小程序根目录内，初始化npm

 npm init

2、执行命令安装 npm 包：

npm install --save weui-miniprogram

3、安装完成后，在微信开发者工具中的菜单栏：工具 ------ 构建 npm ：

4、在微信开发者工具中的右上角：详情 ------ 本地设置，勾选“使用 npm 模块”选项：

5、app.wxss引入全局样式

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

6、以pages的index为例，json中引入cell：

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

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

官方文档链接（这里是Slideview）：

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html

npm引入小程序官方WeUI组件库weui-miniprogram相关推荐

微信小程序调用Vant组件库
微信小程序调用Vant组件库 Vant Weapp 微信小程序引入Vant Weapp 调用Vant Weapp组件 Vant Weapp 轻量.可靠的小程序 UI 组件库链接: vant开发指南. ...
微信小程序入门ColorUI组件库使用方法
自学入门小程序不久,在对比现在主流的组件库后,笔者我选择了ColorUI,因为ColorUI界面精美,使用方法简单,只需将ColorUI的代码片段复制到你的小程序中即可,还方便自己定制. 下面是Col ...
小程序动端组件库Vant Weapp教程
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用两大参考神兽: 文档:https://youzan.g ...
vant weapp 下拉_小程序动端组件库Vant Weapp的使用
Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用两大参考神兽: 1:桌面新建一个vant文件夹 2:打 ...
微信小程序使用i-view组件库的i-input无法触发bind:change事件的搞笑“bug”
注意:本篇文章不含技术方面的内容,只是感慨一下,如果你有类似的情况,或者想感受一下搞笑的bug,可以继续看一看,如果你想学习技术,本篇文章大概不会为你提供什么教学帮助. 我在做微信小程序的时候遇到过一 ...
微信小程序引用Vant组件库message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
问题描述 message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 pack ...
微信小程序引入原生组件——WeUI组件库，详细步骤
第一步:查看是否可使用npm命令,没有则安装: 我这里已经安装了,如果没有则安装node.js node官网下载地址:https://nodejs.org/en/ 注意这个windows 64位的: ...
微信小程序前端引入weui组件库
正在开发的微信小程序,想使用weui组件库. 步骤如下: 基础:1.小程序开发工具:1.06.22 1. 初始化以管理员身份运行命令行窗口(cmd)或使用VSCode进入终端,在cmd中进入项目的 ...
微信小程序通过 useExtendedLib 的方式引入 WeUI 组件库
WeUI 组件库是一套基于样式库 weui-wxss 开发的小程序扩展组件库,同微信原生视觉体验一致.支持扩展库引入,不占用小程序包体积. 官方文档:https://wechat-miniprogra ...

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

npm引入小程序官方WeUI组件库weui-miniprogram相关推荐

最新文章

热门文章