您的位置：首页 > 移动开发 > 微信开发

浅谈微信小程序之官方UI框架we-ui使用教程

2018-08-20 10:50 991 查看

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含

button

、

cell

、

dialog

、

progress

、

toast

、

article

、

actionsheet

、

icon

等各式元素。

首先先看一下这套框架的GItHub地址

1.从git上clone到本地

太简单的东西我就不解释了,直接讲怎么用吧

这是解压后的目录

2.新建一个项目

将 dist/style/目录下的weui.wxss 放到新项目的根目录下,如下图所示

3.在app.wxss中引入weui.wxss文件

至此,准备工作就完成了,已经可以使用官方的样式了

接下来看一下如何查看示例代码,我们将clone下来的示例代码导入到微信小程序开发工具中

导入的目录是src/example

然后就可以看到示例代码了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 判断目标是否是window document 和拥有ta

相关文章推荐

新的分享

章节导航