From 431a492a082dd99aec39b9c81f53a1d9c6c533bb Mon Sep 17 00:00:00 2001 From: delai Date: Wed, 8 Feb 2017 14:48:25 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0README=EF=BC=8C?= =?UTF-8?q?=E5=8A=A0=E5=85=A5=E4=BD=BF=E7=94=A8=E6=8C=87=E5=BC=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 23 +++++++++++++++++------ 1 file changed, 17 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 9df61bf5..fdd7d802 100644 --- a/README.md +++ b/README.md @@ -2,20 +2,31 @@

- -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]