<p>
<a href="https://github.com/youzan/"><img alt="logo" width="36px" src="https://img.yzcdn.cn/public_files/2017/02/09/e84aa8cbbf7852688c86218c1f3bbf17.png" alt="youzan">
</a>
</p>
<p align="center">
<img alt="logo" src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" width="120" style="margin-bottom: 10px;">
</p>
<h3 align="center">轻量、可靠的小程序 UI 组件库</h3>
---
## 概述
[Vant Weapp](https://youzan.github.io/vant-weapp) 是有赞移动端组件库 [Vant](https://github.com/youzan/vant) 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
## 预览
扫描下方小程序二维码,体验组件库示例:
<img src="https://img.yzcdn.cn/vant-weapp/qrcode-201808101114.jpg" width="200" height="200" style="margin-top: 10px;" >
## 文档
[https://youzan.github.io/vant-weapp](https://youzan.github.io/vant-weapp)
## 使用之前
使用 Vant Weapp 前,请确保你已经学习过微信官方的 [小程序简易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/) 和 [自定义组件介绍](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)。
## 安装
### 方式一. 通过 npm 安装 (推荐)
小程序已经支持使用 npm 安装第三方包,详见 [npm 支持](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm)
```bash
# npm
npm i vant-weapp -S --production
# yarn
yarn add vant-weapp --production
```
### 方式二. 下载代码
直接通过 git 下载 Vant Weapp 源代码,并将`dist`目录拷贝到自己的项目中
```bash
git clone https://github.com/youzan/vant-weapp.git
```
## 使用组件
以按钮组件为例,只需要在 json 文件中引入按钮对应的自定义组件即可
```json
{
"usingComponents": {
"van-button": "/path/to/vant-weapp/dist/button/index"
}
}
```
接着就可以在 wxml 中直接使用组件
```xml
<van-button type="primary">按钮</van-button>
```
## 在开发者工具中预览
```bash
# 安装项目依赖
npm install
# 执行组件编译
npm run dev
```
打开[微信开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html),把`vant-weapp/example`目录添加进去就可以预览示例了。
## 基础库版本
Vant Weapp 最低支持到小程序基础库 1.9.9 版本
## 迁移指南
Vant Weapp 是基于有赞 Zanui 组件库进行的品牌升级,对于仍在使用 Zanui 的用户,建议逐渐使用 Vant Weapp 替换原有的组件。
Zanui 后续会进入维护状态,仓库地址为:[https://github.com/youzan/zanui-weapp](https://github.com/youzan/zanui-weapp)
## 链接
* [更新日志](#/changelog)
* [意见反馈](https://github.com/youzan/vant-weapp/issues)
* [加入我们](https://job.youzan.com)
* [Vant: 移动端 Vue UI](https://github.com/youzan/vant)
* [React: PC 端 React UI](https://www.youzanyun.com/zanui/zent)
## 微信讨论群
欢迎大家在微信上联系我们,添加下方微信并注明『交流 vant-weapp』即可
<img src="https://img.yzcdn.cn/vant/wechat_20180606.png" width="220" height="292" >
## 开源协议
本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)协议,请自由地享受和参与开源。
## 贡献
如果你有好的意见或建议,欢迎给我们提 [issue] 或 [PR],为优化 [vant-weapp] 贡献力量
[vant-weapp]: https://github.com/youzan/vant-weapp
[issue]: https://github.com/youzan/vant-weapp/issues/new
[PR]: https://github.com/youzan/vant-weapp/compare
[MIT]: http://opensource.org/licenses/MIT
[小程序简易教程]: https://mp.weixin.qq.com/debug/wxadoc/dev/
[小程序框架介绍]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html
[微信开发者工具]: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip 基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip
资源推荐
资源详情
资源评论
收起资源包目录
基于 微信小程序-云开发 的校园服务平台源码+项目说明(提供二手交易和失物招领功能).zip (711个子文件)
index.js 10KB
index.js 10KB
index.js 10KB
index.js 10KB
publish_lost.js 8KB
publish_old.js 8KB
myGoodsList.js 6KB
userInfo.js 5KB
mine.js 5KB
index.js 5KB
index.js 5KB
index.js 5KB
index.js 5KB
home.js 5KB
app.js 5KB
index.js 4KB
index.js 4KB
my_lost_found.js 4KB
index.js 4KB
index.js 4KB
index.js 3KB
index.js 3KB
index.js 3KB
index.js 3KB
transition.js 3KB
transition.js 3KB
index.js 3KB
index.js 3KB
index.js 3KB
index.js 3KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
goodsDetail.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
index.js 2KB
likeGoodsList.js 2KB
toast.js 2KB
toast.js 2KB
dialog.js 2KB
dialog.js 2KB
index.js 2KB
index.js 2KB
index.js 1KB
component.js 1KB
component.js 1KB
classifyList.js 1KB
cFuncs.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
behavior.js 1KB
behavior.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
index.js 1KB
userCenter.js 1KB
index.js 1009B
index.js 1009B
index.js 1006B
index.js 1006B
index.js 996B
index.js 977B
index.js 977B
lostDetail.js 951B
index.js 943B
index.js 938B
index.js 916B
index.js 913B
index.js 912B
index.js 912B
index.js 907B
index.js 907B
index.js 903B
index.js 903B
index.js 878B
index.js 878B
index.js 877B
index.js 877B
index.js 876B
iphonex.js 867B
iphonex.js 867B
index.js 861B
index.js 861B
index.js 853B
index.js 853B
index.js 827B
index.js 827B
共 711 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
土豆片片
- 粉丝: 1854
- 资源: 5869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 白色大气风格的SEO搜索引擎优化网站模板.zip
- 白色大气风格的VPS销售网站模板.zip
- 白色大气风格的背包客自由旅行css3响应式模板.zip
- 白色大气风格的背景主题企业网站模板下载.zip
- 白色大气风格的别墅装修设计响应式网站模板下载.zip
- 白色大气风格的别墅设计案例HTML5企业网站模板.zip
- 白色大气风格的导航固定跟随网页模板下载.zip
- 白色大气风格的大阳能发电企业网站模板.zip
- 白色大气风格的创意建筑设计模板下载.zip
- 白色大气风格的电影上映影讯网站模板.zip
- 白色大气风格的电影下载网站模板下载.zip
- 白色大气风格的地图坐标网页模板下载.zip
- 基于两种坐标系的超螺旋滑模观测器的永磁同步电机pmsm无位置(速度)传感器控制模型 支持 dq旋转坐标系和静止坐标系建立smo 引入二阶滑模超螺旋算法替代一阶滑模 dq坐标系引入锁相环PLL估计转速及
- 白色大气风格的电子产品设计模板下载.zip
- BA56-12EWA.OLB
- 三微网优化matlab+yalmip 采用matlab+yalmip编程,实现三个微网的优化调度,分别包括微网内燃气轮机、燃料电池、储能等主体约束,还包括微网间互供以及和电网间购电约束,程序以成本最低
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功