Skip to content

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

License

Notifications You must be signed in to change notification settings

luckyAisen/vant-theme

Repository files navigation

简介

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

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

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

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

在线预览:https://luckyaisen.github.io/vant-theme

仓库地址:https://github.com/luckyaisen/vant-theme

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

  • 在线快速预览,快速的效果反馈,所见即所得。你不在需要在编辑器中重复的进行配置,你只需要在 Vant Theme 中把你需要自定义组件样式配置好,下载到本地后引入即可。

  • 你可以分享给你公司的设计师,让 TA 在设计页面时,能根据团队的设计规范来设计组件。当设计师交付设计稿时,并一同交付 Vant Theme 配置文件,可以省去一些相关的沟通和人力工作。

预览

亮色模式

light-1

light-2

light-3

light-4

暗色模式

dark-1

dark-2

dark-3

dark-4