微信小程序中weui用法解析


Posted in Javascript onOctober 21, 2019

前言

在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。

WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标签的各种元素。

1、git下载,找到dist文件;

https://github.com/wechat-miniprogram/weui-miniprogram

2、把dist文件中的style复制到根目录

app.wxss引入这个文件

@import '/style/weui.wxss';

3、dist文件中example目录复制到根文件,(里面是设置相关的代码,直接复制出来使用)

4、app.json把需要引用的文件引到里面

"pages": [
 //比如使用button,把他引入
 "example/button/button",
 ]

5、在使用的地方,直接使用就行;代码可在引入的文件中直接复制;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
jQuery读取和设定KindEditor值的方法
Nov 22 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
分享jQuery网页元素拖拽插件
Dec 01 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 Javascript
vue使用Font Awesome的方法步骤
Feb 26 Javascript
JavaScript一元正号运算符示例代码
Jun 30 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 #Javascript
小程序实现日历左右滑动效果
Oct 21 #Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 #Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 #Javascript
小程序实现横向滑动日历效果
Oct 21 #Javascript
微信小程序实现点击图片放大预览
Oct 21 #Javascript
vue实现Input输入框模糊查询方法
Jan 29 #Javascript
You might like
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
jquery异步调用页面后台方法‏(asp.net)
2011/03/01 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
2015/01/23 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
微信小程序 http请求详细介绍
2016/10/09 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
2019/04/15 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
[01:58]DOTA2上海特级锦标赛现场采访:RTZ这个ID到底好不好
2016/03/25 DOTA
Python 中开发pattern的string模板(template) 实例详解
2017/04/01 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
Python中反射和描述器总结
2018/09/23 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
计算机求职信
2014/07/02 职场文书
工作检讨书500字
2014/10/19 职场文书
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
青岛导游词
2015/02/12 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
Redis6.0搭建集群Redis-cluster的方法
2021/05/08 Redis
面试中canvas绘制图片模糊图片问题处理
2022/03/13 Javascript
vue封装数字翻牌器
2022/04/20 Vue.js
5个实用的JavaScript新特性
2022/06/16 Javascript