codecamp

Vant 介绍

特性

  • 提供 60 多个高质量组件，覆盖移动端各类场景
  • 性能极佳，组件平均体积不到 1kb（min+gzip）
  • 单元测试覆盖率 90%+，提供稳定性保障
  • 完善的中英文文档和示例
  • 支持 Vue 2 & Vue 3
  • 支持按需引入
  • 支持主题定制
  • 支持国际化
  • 支持 TypeScript
  • 支持 SSR

快速上手

请参考 快速上手 章节

贡献代码

修改代码请阅读我们的 开发指南

使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR

浏览器支持

现代浏览器以及 Android 4.0+, iOS 8.0+

加入我们

有赞前端团队是由一群年轻、皮实、对技术饱含热情的小伙伴组成的，目前共有 100 多名前端工程师，分布在业务中台、电商、零售、美业、资产、赋能等业务线。

我们热爱分享和开源，崇尚用工程师的方式解决问题，因此造了很多工具来解决我们遇到的问题，目前我们维护的开源产品有：

我们正在寻找更多优秀的小伙伴，一起拓展前端技术的边界，期待你的加入！

生态

项目 描述
vant-demo Vant 官方示例合集
vant-weapp 微信小程序组件库
vant-cli 开箱即用的组件库搭建工具
vant-icons Vant 图标库
vant-touch-emulator 在桌面端使用 Vant 的辅助库

链接

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源


Vant 快速上手
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

开发指南

基础组件

表单组件

反馈组件

展示组件

Vant 导航组件

Vant 业务组件

废弃

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }