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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
苦藤新鸡11 分钟前
27.合并有序链表,串葫芦
前端·javascript·链表
_OP_CHEN13 分钟前
【前端开发之HTML】(四)HTML 标签进阶:表格、表单、布局全掌握,从新手到实战高手!
前端·javascript·css·html·html5·网页开发·html标签
2501_9160074720 分钟前
如何查看 iOS 设备系统与硬件信息,iOS系统信息显示工具
android·ios·小程序·https·uni-app·iphone·webview
Alair‎24 分钟前
前端开发之环境配置
前端·react.js
谢尔登25 分钟前
Vue3底层原理——keep-alive
javascript·vue.js·ecmascript
Deca~28 分钟前
VueVirtualLazyTree-支持懒加载的虚拟树
前端·javascript·vue.js
2501_9445264232 分钟前
Flutter for OpenHarmony 万能游戏库App实战 - 主题切换实现
android·开发语言·javascript·python·flutter·游戏·django
爱上妖精的尾巴36 分钟前
7-11 WPS JS宏 对象的属性值为函数的写法与用法
前端·javascript·wps·js宏·jsa
zuozewei37 分钟前
零基础 | 使用LangChain框架实现ReAct Agent
前端·react.js·langchain
坠入暮云间x38 分钟前
React Native for OpenHarmony开发环境搭建指南(一)
前端·react native·开源