微信小程序调用weUI库

就想搞个加号的图标，折腾了快4个小时。记录一下踩的坑。

下载node.js。

官网链接https://nodejs.org/zh-cn/
虽然微信小程序开发工具的目录里面也有一个node.exe，但是不一样的，还是要重新下一个。（这里也浪费我不少时间，一直把那个node.exe的路径加入环境变量，结果根本不一个东西）
2、安装weui
进入项目目录下，打开终端，执行

npm init
npm install weui-miniprogram

3、在app.wxss中引入weui。

这里这个路径把我折磨疯了，一直报错，

File not found: /miniprogram/node_modules/weui-miniprogram/miniprogram_dist/

提示找不到文件。反复修改路径，用绝对路径都显示找不到，真的是烦死了。我的解决办法是将node_modules下面的文件夹剪切出来，然后把node_modules文件夹删了。把路径换成图上那样子，终于可以了。
4、在需要用到控件的页面的index.json中指定控件的名称和路径。

这里踩的坑也是极其傻逼，第一个斜杠加不加，以及路径前面要不要写的更全面，总之反复试出来这样可以正常编译运行。可能换个版本就要换个写法，遇到了就只能盲试，官方文档写的都是垃圾。
5、在index.wxml中添加控件

终于！加号出现了！

真的是头疼，这么简单的操作，一直被那个傻逼路径卡住。

微信小程序调用weUI库相关推荐

微信小程序调用Vant组件库
微信小程序调用Vant组件库 Vant Weapp 微信小程序引入Vant Weapp 调用Vant Weapp组件 Vant Weapp 轻量.可靠的小程序 UI 组件库链接: vant开发指南. ...
26.微信小程序（WeUI框架）
微信小程序(WeUI框架) 前言前言: 因为小程序的api描述都比较简单,并没有wxml及wxss的描述,有的人可能会想小程序有没有一个UI库.类似于前端中的常见的UI库例如Bootstrap.MD ...
小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...
如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...
当前最热门的微信小程序UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
高颜值微信小程序 UI 组件库！
Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...
微信小程序使用WeUI入门教程
微信小程序使用WeUI入门教程在学习微信小程序过程中,很多组件的样式需要自己调整,且很多不是我们想要的样子.所以找到了WeUI这样的扩展组件库,预览了组件库,真的非常nice! 但是找不到怎么去引用 ...
微信小程序调用php,微信小程序调用PHP后台接口解析纯html文本
微信小程序调用php后台接口,解析纯html文本,效果图片预览 1.微信js动态传参: wx.request({ url: 'https://m.****.com/index.php/home/xia ...
微信小程序调用小票打印机实现打印订单
随着微信小程序的出现,微信已经完全占据了我们的生活,智能化互联网时代的到来,带给我们的便利我想不用说大家都是深有体会,随着小程序的火爆,随之带动着用户对打印的需求,那么,微信小程序是如何对接打印机的呢 ...
微信小程序调用支付接口支付（tp5、小程序）
微信小程序调用支付接口支付今天记录一下学习的小程序调用微信支付接口一.先理清一下调起微信支付的整个流程. 1.就是先调用微信的支付统一下单api获取到prepay_id 2.然后后端再将这个pre ...

微信小程序调用weUI库

微信小程序调用weUI库相关推荐

最新文章

热门文章