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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
李慕婉学姐1 小时前
【开题答辩过程】以《“饭否”食材搭配指南小程序的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
java·spring·小程序
椒盐螺丝钉1 小时前
Vue Router应用:组件跳转
前端·javascript·vue.js
顾安r1 小时前
11.20 开源APP
服务器·前端·javascript·python·css3
敲敲了个代码2 小时前
CSS 像素≠物理像素:0.5px 效果的核心密码是什么?
前端·javascript·css·学习·面试
少云清2 小时前
【软件测试】5_基础知识 _CSS
前端·css·tensorflow
倔强青铜三2 小时前
AI编程革命:React + shadcn/ui 将终结前端框架之战
前端·人工智能·ai编程
二川bro2 小时前
第57节:Three.js企业级应用架构
开发语言·javascript·架构
天外飞雨道沧桑3 小时前
前端开发 Cursor MCP 提效工具配置
前端·vscode·ai编程·开发工具·cursor
朱哈哈O_o3 小时前
前端通用包的作用——jquery篇
前端
葡萄城技术团队3 小时前
纯前端驱动:在线 Excel 工具的技术革新与实践方案
前端·excel