aisen60/vant-themePublic

A vant online theme preview tool that supports all versions of vant 一个 vant 在线主题预览工具，支持 vant 所有版本

You must be signed in to change notification settings

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 295 Commits
.github		.github
.vscode		.vscode
public		public
scripts		scripts
src		src
types		types
.env		.env
.env.gh-pages		.env.gh-pages
.eslintignore		.eslintignore
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.npmrc		.npmrc
.prettierrc.json		.prettierrc.json
LICENSE		LICENSE
README.md		README.md
README.zh-CN.md		README.zh-CN.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Repository files navigation

Vant Theme 是一个Vant 组件库在线主题预览工具，支持Vant 所有版本。

如果你有定制主题、动态切换主题的需求，可以使用此工具。

Vant Theme 通过Vant 提供的样式变量进行修改，它能够及时反馈修改后的样式。

Vant 2.x 通过编译less 实现修改后的样式。

开发Vant Theme 工具的目的，是为了解决以下问题：

在线快速预览，快速的效果反馈，所见即所得。你不在需要在编辑器中重复的进行配置，你只需要在Vant Theme 中把你需要自定义组件样式配置好，下载到本地后引入即可。
你可以分享给你公司的设计师，让 TA 在设计页面时，能根据团队的设计规范来设计组件。当设计师交付设计稿时，并一同交付Vant Theme 配置文件，可以省去一些相关的沟通和人力工作。