微信小程序中weui用法解析
更新时间：2019年10月21日 11:57:49 作者：前端伪大叔
这篇文章主要介绍了微信小程序中weui用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
前言
在做微信小程序的时候就想着找一个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、在使用的地方，直接使用就行；代码可在引入的文件中直接复制；
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇JavaScipt选取文档元素的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
js下的一些小技巧，需要的朋友可以下。2009-12-12
最近一直在弄手机端的游戏，接触到各种动画。加之对之前的自己那个动画类不满意，就有心想写个新的。然后翻看各种博客，查资料。也学到一些新的东西2012-08-08
这篇文章主要给大家介绍了关于JS异步执行结果获取的3种解决方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-02-02
这篇文章主要为大家详细介绍了javascript实现花样轮播效果，一种是带按钮的轮播，一种是自动轮播，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
经过这么多年的发展，JavaScript 早已经不是当年那个不太起眼的脚本语言。如今的 JavaScript 可以说是风光无限，在 Web 前端、移动端、服务端甚至物联网设备上都大展身手，到处都有它的身影。2021-05-05
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
这篇文章主要介绍了谈谈我对JavaScript原型和闭包系列理解(随手笔记8)的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了swiper自定义分页器的样式，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了javascript编程实现栈的方法,简单说明了栈的概念、特点并结合实例形式分析了javascript栈的定义、入栈、出栈等操作相关实现技巧,需要的朋友可以参考下2017-04-04
xml 与javascript结合的问题解决方法...2007-03-03
最新评论