mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
style: 更新README,加入使用指引
This commit is contained in:
parent
2cec0ed338
commit
431a492a08
23
README.md
23
README.md
@ -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]
|
||||
|
Loading…
x
Reference in New Issue
Block a user