A vant online theme preview tool that supports all versions of vant 一个 vant 在线主题预览工具,支持 vant 所有版本
111
stars
295
commits
Vue
primary language
Sep 5, 2026
updated
Vant Theme 是一个 Vant 组件库在线主题预览工具,支持 Vant 所有版本。
如果你有定制主题、动态切换主题的需求,可以使用此工具。
Vant Theme 通过 Vant 提供的样式变量进行修改,它能够及时反馈修改后的样式。
Vant 2.x 通过编译 less 实现修改后的样式。
在线预览:https://aisen60.github.io/vant-theme
仓库地址:https://github.com/aisen60/vant-theme
开发 Vant Theme 工具的目的,是为了解决以下问题:
在线快速预览,快速的效果反馈,所见即所得。你不在需要在编辑器中重复的进行配置,你只需要在 Vant Theme 中把你需要自定义组件样式配置好,下载到本地后引入即可。
你可以分享给你公司的设计师,让 TA 在设计页面时,能根据团队的设计规范来设计组件。当设计师交付设计稿时,并一同交付 Vant Theme 配置文件,可以省去一些相关的沟通和人力工作。
亮色模式
暗色模式
Vue
33.0%
TypeScript
27.6%
CSS
23.1%
JavaScript
13.3%
SCSS
2.7%
A vant online theme preview tool that supports all versions of vant 一个 vant 在线主题预览工具,支持 vant 所有版本
111
stars
295
commits
Vue
primary language
Sep 5, 2026
updated
Vant Theme 是一个 Vant 组件库在线主题预览工具,支持 Vant 所有版本。
如果你有定制主题、动态切换主题的需求,可以使用此工具。
Vant Theme 通过 Vant 提供的样式变量进行修改,它能够及时反馈修改后的样式。
Vant 2.x 通过编译 less 实现修改后的样式。
在线预览:https://aisen60.github.io/vant-theme
仓库地址:https://github.com/aisen60/vant-theme
开发 Vant Theme 工具的目的,是为了解决以下问题:
在线快速预览,快速的效果反馈,所见即所得。你不在需要在编辑器中重复的进行配置,你只需要在 Vant Theme 中把你需要自定义组件样式配置好,下载到本地后引入即可。
你可以分享给你公司的设计师,让 TA 在设计页面时,能根据团队的设计规范来设计组件。当设计师交付设计稿时,并一同交付 Vant Theme 配置文件,可以省去一些相关的沟通和人力工作。
亮色模式
暗色模式
Vue
33.0%
TypeScript
27.6%
CSS
23.1%
JavaScript
13.3%
SCSS
2.7%