uniapp微信小程序使用vant组件修改vant组件的默认样式方法

uniapp微信小程序使用vant组件修改vant组件的默认样式方法

修改组件的默认样式

javascript 复制代码
<style lang="scss">
::v-deep van-image{
	.....
}
</style>

注意:

  1. style标签上要加上lang="scss"
  2. 必须要安装scss相关脚手架
  3. 使用::v-deep 选择标签
  4. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
上优3 分钟前
uniapp 选择 省市区 省市 以及 回显
大数据·elasticsearch·uni-app
旧林84326 分钟前
第八章 利用CSS制作导航菜单
前端·css
程序媛-徐师姐37 分钟前
Java 基于SpringBoot+vue框架的老年医疗保健网站
java·vue.js·spring boot·老年医疗保健·老年 医疗保健
yngsqq38 分钟前
c#使用高版本8.0步骤
java·前端·c#
尘浮生1 小时前
Java项目实战II基于微信小程序的校运会管理系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
Myli_ing1 小时前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风1 小时前
前端 vue 如何区分开发环境
前端·javascript·vue.js
PandaCave1 小时前
vue工程运行、构建、引用环境参数学习记录
javascript·vue.js·学习
软件小伟1 小时前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾2 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js