uniapp中使用vant wappp

 

如果你的style样式中存在scoped,我们可以利用vue中的语法,加个/deep/进行样式覆盖,如下所示:

 

定制主题


如果你对Vant的颜色样式不满意,可以通过官方提供的方法进行主题定制。

官方的介绍:

小程序基于 [Shadow DOM](() 来实现自定义组件,所以 Vant Weapp 使用与之配套的 [Css 变量](() 来实现定制主题。链接中的内容可以帮助你对这两个概念有基本的认识,避免许多不必要的困扰。

Css变量 的兼容性要求可以在 [这里](() 查看。对于不支持 Css变量 的设备,定制主题将不会生效,不过不必担心,默认样式仍会生效。

全局定制

为了目录更清晰,我们可以在项目根目录建立assets\styles文件夹,用于存放和样式相关的代码。

assets\style

你可能感兴趣的:(Web前端,经验分享,前端,前端框架)