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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
摘星编程5 小时前
OpenHarmony + RN:Placeholder文本占位
javascript·react native·react.js
a1117766 小时前
医院挂号预约系统(开源 Fastapi+vue2)
前端·vue.js·python·html5·fastapi
0思必得06 小时前
[Web自动化] Selenium处理iframe和frame
前端·爬虫·python·selenium·自动化·web自动化
计算机毕设VX:Fegn08956 小时前
计算机毕业设计|基于springboot + vue蛋糕店管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
软件聚导航6 小时前
马年、我用AI写了个“打工了马” 小程序
人工智能·ui·微信小程序
行走的陀螺仪8 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
摘星编程8 小时前
React Native + OpenHarmony:Spinner旋转加载器
javascript·react native·react.js
We་ct9 小时前
LeetCode 205. 同构字符串:解题思路+代码优化全解析
前端·算法·leetcode·typescript
2301_812731419 小时前
CSS3笔记
前端·笔记·css3
ziblog9 小时前
CSS3白云飘动动画特效
前端·css·css3