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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
anOnion9 小时前
构建无障碍组件之Table Pattern
前端·html·交互设计
mfxcyh9 小时前
如何把对象数据转化为数组
java·服务器·前端
编程技术手记9 小时前
Vite 开发环境前后端端口隔离:解决 index.html 冲突问题
前端·html
光影少年10 小时前
react16-react19类组件完整生命周期(挂载/更新/卸载)
前端·javascript·react.js
whinc11 小时前
Node.js技术周刊 2026年第14周
javascript·node.js
这个昵称也不能用吗?11 小时前
eas 热更新相关
前端
KaMeidebaby12 小时前
卡梅德生物技术快报|葫芦科植物遗传转化:Fast‑TrACC 工程化优化:葫芦科植物遗传转化效率提升与成本控制
前端·其他·百度·新浪微博
换日线°12 小时前
vue 加入购物车抛物线动画
前端·javascript·vue.js
计算机学姐12 小时前
基于微信小程序的图书馆座位预约系统【uniapp+springboot+vue】
vue.js·spring boot·微信小程序·小程序·java-ee·uni-app·intellij-idea
切糕师学AI13 小时前
为什么你的 SPA 网址必须包含 `#`?—— 前端路由 Hash 模式深度解析
前端·spa 网址·hash路由