diff --git a/README.md b/README.md index 58c6aa0c..30e3c7a7 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,14 @@ +

+有赞logo +

- + 项目logo

+

高颜值、好用、易扩展的小程序 UI 库

-高颜值、好用、易扩展的小程序 UI 库,Powered by 有赞 -==== - ## 概述 -[ZanUI-WeApp]是有赞移动 Web UI 规范 `ZanUI` 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感知。 +[ZanUI-WeApp]是有赞移动 Web UI 规范 `ZanUI` 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。 包含 badge、btn、card、cell、color、dialog、form、helper、icon、label、loadmore、panel、quantity、steps、tab、toast、toptip 共计 17 类组件或元素。 @@ -27,13 +28,13 @@ git clone https://github.com/youzan/zanui-weapp.git 1. 使用 [ZanUI-WeApp] 前请确保已经学习过微信官方的 [小程序简易教程] 和 [小程序框架介绍]。 2. 然后用 [Bower] 将 [ZanUI-WeApp] 添加到你的项目中使用。 -3. 你也可以 fork 出一份你自己的 [ZanUI-WeApp],这样更利于代码稳定和个性定制。 +3. 你也可以 fork 出一份你自己的 [ZanUI-WeApp],这样可以获得更稳定的代码和更方便的进行个性定制。 我们推荐在你的`app.wxss`直接引入`zanui-weapp/dist/index.wxss`。 根据功能的不同,可以将组件大致的分为4类: -### 一、简单组件 +#### 1. 简单组件 如按钮组件,只要按照wxml结构写就好了 @@ -45,7 +46,7 @@ git clone https://github.com/youzan/zanui-weapp.git ![](https://img.yzcdn.cn/public_files/2017/02/08/1b1e39ed3dc6b63519a68ba1e2650cfc.png) -### 二、复杂组件 +#### 2. 复杂组件 如加载更多组件,需要先引入定义好的模版,然后给模版传递数据 @@ -67,7 +68,7 @@ git clone https://github.com/youzan/zanui-weapp.git ![](https://img.yzcdn.cn/public_files/2017/02/08/b96fdc7971577b32915604c5b2c1a3bb.png) -### 三、带事件回掉的组件 +#### 3. 带事件回调的组件 如数量选择组件,需要先引入模版,然后给模版传递数据 @@ -79,7 +80,7 @@ git clone https://github.com/youzan/zanui-weapp.git