我们提供了一个基于 Vue Cli 3 的示例工程,仓库地址为 ,其中包含了定制主题的基本配置,可以作为参考。

    Vant 使用了 Less 对样式进行预处理,并内置了一些样式变量,通过替换样式变量即可定制你自己需要的主题。

    定制主题分为两步:引入样式源文件和修改样式变量

    步骤一. 引入样式源文件

    Vant 支持通过 babel 插件按需引入和手动引入两种方式,推荐使用按需引入的方式。

    步骤二. 修改样式变量

    使用 less 提供的 即可对变量进行修改,下面是参考的 webpack 配置。