mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
44 lines
1.9 KiB
Markdown
44 lines
1.9 KiB
Markdown
<p align="center">
|
||
<img src="https://img.yzcdn.cn/public_files/2017/02/06/ee0ebced79a80457d77ce71c7d414c74.png">
|
||
</p>
|
||
|
||
高颜值、好用、易扩展的小程序 UI 库，Powered by 有赞
|
||
====
|
||
|
||
## 概述
|
||
[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 类组件或元素。
|
||
|
||
更多背景介绍，可以移步到[我们专门写的的介绍文章](http://tech.youzan.com/zanui-weapp/)。
|
||
|
||
## Demo
|
||
1. 下载源码
|
||
``` bash
|
||
git clone https://github.com/youzan/zanui-weapp.git
|
||
```
|
||
|
||
2. 打开 `微信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](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)，请自由地享受和参与开源。
|
||
|
||
## 贡献
|
||
|
||
如果你有好的意见或建议，欢迎给我们提 [issue] 或 [PR]，为提升 [ZanUI Weapp] 贡献力量
|
||
|
||
[issue]: https://github.com/youzan/zanui-weapp/issues/new
|
||
[PR]: https://github.com/youzan/zanui-weapp/compare
|
||
[ZanUI Weapp]: https://github.com/youzan/zanui-weapp
|
||
[MIT]: http://opensource.org/licenses/MIT
|