Merge branch 'master' of github.com:youzan/zanui-weapp

This commit is contained in:
Nino 2017-02-08 15:11:42 +08:00
commit 183dda55eb

View File

@ -3,26 +3,33 @@
</p>
ZanUI for WeApp 为微信小程序量身设计
高颜值、好用、易扩展的小程序 UI 库Powered by 有赞
====
## 概述
[ZanUI WeApp] 是一套用于微信小程序开发的基础UI组件库由有赞官方提供结合了微信的视觉规范为用户提供更加统一的使用感知。包含 `btn``card``cell``icon``tab` 等各式元素
[ZanUI-WeApp]是有赞移动 Web UI 规范 `ZanUI` 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感知。
包含 badge、btn、card、cell、color、dialog、form、helper、icon、label、loadmore、panel、quantity、steps、tab、toast、toptip 共计 17 类组件或元素。
更多背景介绍,可以移步到[我们专门写的的介绍文章](http://tech.youzan.com/zanui-weapp/)。
## 下载
``` bash
git clone https://github.com/youzan/zanui-weapp.git
cd zanui-weapp
```
## 预览
[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开项目目录
打开[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)'本地小程序项目 - 添加项目',把 zanui-weapp 添加进去就可以查看组件源码、预览示例demo了。
![](https://img.yzcdn.cn/public_files/2017/02/08/a5e6445075826183659742cc6946c477.png)
## 使用
首先引入样式文件,我们推荐在你的`app.wxss`直接引入`zanui-weapp/dist/index.wxss`
1. 使用 [ZanUI-WeApp] 前请确保已经学习过微信官方的 [小程序简易教程] 和 [小程序框架介绍]。
2. 然后用 [Bower] 将 [ZanUI-WeApp] 添加到你的项目中使用。
3. 你也可以 fork 出一份你自己的 [ZanUI-WeApp],这样更利于代码稳定和个性定制。
我们推荐在你的`app.wxss`直接引入`zanui-weapp/dist/index.wxss`
根据功能的不同可以将组件大致的分为4类
@ -138,9 +145,7 @@ Page(Object.assign({}, Zan.Toast, {
更多示例可以在项目的`example`目录中查看
## 协议
[MIT]
请自由地享受和参与开源
本项目采用 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89),请自由地享受和参与开源。
## 贡献
@ -150,3 +155,6 @@ Page(Object.assign({}, Zan.Toast, {
[PR]: https://github.com/youzan/zanui-weapp/compare
[ZanUI Weapp]: https://github.com/youzan/zanui-weapp
[MIT]: http://opensource.org/licenses/MIT
[Bower]: https://bower.io/
[小程序简易教程]: https://mp.weixin.qq.com/debug/wxadoc/dev
[小程序框架介绍]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html