xiumeiii / vant-demo

Collection of vant demos.

Vant-demo

Vant 示例工程，基于 vue-cli 3 搭建。

目录

base

base 工程示范了如何用 vant 搭建几个简单的电商页面，包含如下功能：

• 基于 vant 搭建
• 基于 vue-router 的单页面应用
• 组件按需引入
• 视图异步加载

rem

rem 工程在 base 工程的基础上增加了移动端 rem 适配的配置。

viewport

viewport 工程在 base 工程的基础上增加了移动端 vw/vh 适配的配置。

theme

theme 工程在 base 工程的基础上增加了自定义主题色的配置。

typescript

基于 typescript 的工程，使用 ts-import-plugin 实现组件按需引入。

预览

开发命令

# 安装依赖
# 注意：请切换到对应的子目录下安装
cd base
npm install

# 本地开发
# 通过 localhost:8080 访问页面
npm run serve

# 生产环境构建
npm run build

# 代码格式校验
npm run lint