微信小程序中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 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
用js实现计算加载页面所用的时间
Apr 02 Javascript
js捕获鼠标滚轮事件代码
Dec 16 Javascript
js用typeof方法判断undefined类型
Jul 15 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
Angular6封装http请求的步骤详解
Aug 13 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
文章推荐系统(二)
2006/10/09 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
PHP6连接SQLServer2005的三部曲
2016/04/15 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
Angular实现form自动布局
2016/01/28 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
JavaScript数组方法的错误使用例子
2018/09/13 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
2018/10/25 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
微信小程序实现购物车小功能
2020/12/30 Javascript
[04:41]2014DOTA2国际邀请赛 Liquid顺利突围晋级正赛
2014/07/09 DOTA
初步解析Python中的yield函数的用法
2015/04/03 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
python实现大文件分割与合并
2019/07/22 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
python 实现多维数组(array)排序
2020/02/28 Python
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
2020/12/16 Python
《中彩那天》教学反思
2014/02/22 职场文书
求职简历自我评价范例
2014/03/12 职场文书
申论倡议书范文
2014/05/13 职场文书
大学生安全责任书
2014/07/25 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书
停电调休通知
2015/04/16 职场文书
《落花生》教学反思
2016/02/16 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js