mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
Merge branch 'master' of github.com:youzan/zanui-weapp
This commit is contained in:
commit
183dda55eb
24
README.md
24
README.md
@ -3,26 +3,33 @@
|
||||
</p>
|
||||
|
||||
|
||||
ZanUI for WeApp 为微信小程序量身设计
|
||||
高颜值、好用、易扩展的小程序 UI 库,Powered by 有赞
|
||||
====
|
||||
|
||||
## 概述
|
||||
[ZanUI WeApp] 是一套用于微信小程序开发的基础UI组件库,由有赞官方提供,结合了微信的视觉规范,为用户提供更加统一的使用感知。包含 `btn`、`card`、`cell`、`icon`、`tab` 等各式元素
|
||||
[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/)。
|
||||
|
||||
## 下载
|
||||
``` bash
|
||||
git clone https://github.com/youzan/zanui-weapp.git
|
||||
cd zanui-weapp
|
||||
```
|
||||
|
||||
## 预览
|
||||
用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开项目目录
|
||||
打开[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html),'本地小程序项目 - 添加项目',把 zanui-weapp 添加进去就可以查看组件源码、预览示例demo了。
|
||||
|
||||

|
||||
|
||||
## 使用
|
||||
|
||||
首先引入样式文件,我们推荐在你的`app.wxss`直接引入`zanui-weapp/dist/index.wxss`。
|
||||
1. 使用 [ZanUI-WeApp] 前请确保已经学习过微信官方的 [小程序简易教程] 和 [小程序框架介绍]。
|
||||
2. 然后用 [Bower] 将 [ZanUI-WeApp] 添加到你的项目中使用。
|
||||
3. 你也可以 fork 出一份你自己的 [ZanUI-WeApp],这样更利于代码稳定和个性定制。
|
||||
|
||||
我们推荐在你的`app.wxss`直接引入`zanui-weapp/dist/index.wxss`。
|
||||
|
||||
根据功能的不同,可以将组件大致的分为4类:
|
||||
|
||||
@ -138,9 +145,7 @@ Page(Object.assign({}, Zan.Toast, {
|
||||
更多示例可以在项目的`example`目录中查看
|
||||
|
||||
## 协议
|
||||
[MIT]
|
||||
|
||||
请自由地享受和参与开源
|
||||
本项目采用 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89),请自由地享受和参与开源。
|
||||
|
||||
## 贡献
|
||||
|
||||
@ -150,3 +155,6 @@ Page(Object.assign({}, Zan.Toast, {
|
||||
[PR]: https://github.com/youzan/zanui-weapp/compare
|
||||
[ZanUI Weapp]: https://github.com/youzan/zanui-weapp
|
||||
[MIT]: http://opensource.org/licenses/MIT
|
||||
[Bower]: https://bower.io/
|
||||
[小程序简易教程]: https://mp.weixin.qq.com/debug/wxadoc/dev
|
||||
[小程序框架介绍]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html
|
||||
|
Loading…
x
Reference in New Issue
Block a user