style: 更新README,加入使用指引

This commit is contained in:
delai 2017-02-08 14:48:25 +08:00
parent 2cec0ed338
commit 431a492a08

View File

@ -2,20 +2,31 @@
<img src="https://img.yzcdn.cn/public_files/2017/02/06/ee0ebced79a80457d77ce71c7d414c74.png">
</p>
ZanUI Weapp是有赞移动端UI规范ZanUI的小程序现实版本。
简单、好用的小程序 UI 库Powered by 有赞
====
## 概述
[ZanUI Weapp] 是一套用于微信小程序开发的基础UI组件库由有赞官方提供结合了微信的视觉规范为用户提供更加统一的使用感知。包含 `btn``card``cell``icon``tab` 等各式元素
[ZanUI-WeApp](https://github.com/youzan/zanui-weapp) 是有赞移动 Web UI 规范 `ZanUI` 的小程序现实版本,
结合了微信的视觉规范,为用户提供更加统一的使用感知。
包含 badge、btn、card、cell、color、dialog、form、helper、icon、label、loadmore、panel、quantity、
steps、tab、toast、toptip 共计 17 类组件或元素。
## 例子
## Demo
1. 下载源码
``` bash
git clone https://github.com/youzan/zanui-weapp.git
cd zan
```
将 [ZanUI Weapp] 目录放入 微信Web开发者工具 中,可以预览各种组件的 Demo 和使用方法
1. 打开 `微信Web开发者工具`'本地小程序项目 - 添加项目',把 zanui-weapp 添加进去就可以查看组件源码、预览示例demo了。
## 使用
1. 使用 [ZanUI-WeApp](https://github.com/youzan/zanui-weapp) 前
请确保已经学习过微信官方的 [小程序简易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/)
和 [小程序框架介绍](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html)
1. 然后用 [Bower](https://bower.io/) 将 [ZanUI-WeApp](https://github.com/youzan/zanui-weapp) 添加到你的项目中使用。
1. 你也可以 fork 出一份你自己的 [ZanUI-WeApp](https://github.com/youzan/zanui-weapp),这样更利于代码稳定和个性定制。
## 协议
[MIT]