高颜值、好用、易扩展的小程序 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