微信小程序集成WeUI组件库

1、引入nmp依赖（前提是已经安装了nmp）
在小程序根目录（app.js所在目录），打开cmd，
输入：npm init -y，回车初始nmp
然后再输入：npm i miniprogram-sm-crypto --production ，下载miniprogram依赖
2、勾选使用npm模块

3、在cmd窗口输入npm install weui-miniprogram，引入WeUI组件依赖
4、微信开发工具工具-》构建npm

5、 app.wxss 里面引入 weui.wxss，

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

6、然后在页面中json引入要使用的组件即可

微信小程序集成WeUI组件库相关推荐

微信小程序引入WeUI组件库（笔记）
1. 在微信小程序的根目录新建一个weui.wxss的文件 2. 将https://raw.githubusercontent.com/Tencent/weui-wxss/master/dist/st ...
微信小程序引入WeUI组件库并使用组件
1. git 下载:weui,解压,打开文件夹,dist文件夹,style-->weui.wxss,复制到项目里 2.useExtendedLib引入根目录的app.json里引入 " ...
微信小程序调用Vant组件库
微信小程序调用Vant组件库 Vant Weapp 微信小程序引入Vant Weapp 调用Vant Weapp组件 Vant Weapp 轻量.可靠的小程序 UI 组件库链接: vant开发指南. ...
微信小程序使用i-view组件库的i-input无法触发bind:change事件的搞笑“bug”
注意:本篇文章不含技术方面的内容,只是感慨一下,如果你有类似的情况,或者想感受一下搞笑的bug,可以继续看一看,如果你想学习技术,本篇文章大概不会为你提供什么教学帮助. 我在做微信小程序的时候遇到过一 ...
npm引入小程序官方WeUI组件库weui-miniprogram
1.打开cmd,在小程序根目录内,初始化npm npm init 2.执行命令安装 npm 包: npm install --save weui-miniprogram 3.安装完成后,在微信开发者工 ...
微信小程序入门ColorUI组件库使用方法
自学入门小程序不久,在对比现在主流的组件库后,笔者我选择了ColorUI,因为ColorUI界面精美,使用方法简单,只需将ColorUI的代码片段复制到你的小程序中即可,还方便自己定制. 下面是Col ...
微信小程序引入Vant组件库
前期准备 Vant Weapp组件库:https://youzan.github.io/vant-weapp/#/intro 1.先在微信开发者工具中打开项目的终端: 然后初始化一个package.j ...
微信小程序引用Vant组件库message：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
问题描述 message: 没有找到可以构建的 NPM 包,请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内,或配置 project.config.json 的 pack ...
SAP成都研究院大卫哥：SAP C4C中国本地化之微信小程序集成
今天的文章来自Wu David,SAP成都研究院C4C开发团队的架构师,在加入团队之前曾经在SAP上海研究院工作,组内同事习惯亲切地称呼他为大卫哥. 大卫哥身高据Jerry目测有1米8以上,是成都C4 ...

微信小程序集成WeUI组件库

微信小程序集成WeUI组件库相关推荐

最新文章

热门文章