vant-ui 如何定制主题

Posted 2023-04-17

参考技术A vue cli3.0版本的

第一步

在main.js引入node/moudule文件夹下 vant/lib/index.less文件。

第二步

安装less

第三步

创建要覆盖的配置文件less,比如：resetVantStyle.less

第四步

引入resetVantStyle.less

打开vue.config.js文件，找到如下图：

第五步

也是最容易忽略的一步：

我们需要对babel.config.js文件做一些修改：

最后重新运行项目，如果发现报错 Syntax Error: TypeError: this.getOptions is not a function ，是因为less-loader安装的版本太高，卸载重新安装7.0版本即可。

// 卸载

npm uninstall --save less-loader

// 安装

npm install -D less-loader@7.x

Android主题定制

我正在设计主题我的Android应用程序。在我通过Android SDK和这个article中的“样式和主题”之后，我仍然只留下一个问题。

简单地说，我如何使用android:textSize作为一个14 dip的TextView，而18 dip作为另一个TextView，在Theme内？

我知道如何用样式做到这一点。我可以定义两种不同的样式，并使两个不同的TextViews使用这些样式。

我觉得很困难的是如何使用Theme来做到这一点。一个主题让我定义让我们说android:textSize，但它适用于TextView所有布局中的所有Activity。

知道怎么做吗？

谢谢。

答案

您也可以通过创建样式（例如“subtext”）来执行此操作，并将子文本样式应用于多个元素。看看我在这个问题中发布的链接。

https://stackoverflow.com/questions/2973928/how-to-make-theme-of-application-configurable-by-user/3680841#3680841