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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
^^为欢几何^^2 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
前端菜鸟日常9 分钟前
vue2和vue3的按需引入的详细对比通俗易懂
javascript·vue.js·ecmascript
乔冠宇10 分钟前
微信小程序中将图片截图为正方形(自动居中)
微信小程序·小程序·typescript·uniapp
AC-PEACE24 分钟前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc
播播资源27 分钟前
ChatGPT付费创作系统V3.1.3独立版 WEB端+H5端+小程序端 (DeepSeek高级通道+推理输出格式)安装教程
前端·ai·chatgpt·ai作画·小程序·deepseek·deepseek-v3
冷琴199635 分钟前
基于Python+Vue开发的反诈视频宣传管理系统源代码
开发语言·vue.js·python
zhrb1 小时前
打开Firefox自动打开hao360.hjttif.com标签解决方案
前端·firefox
安大桃子1 小时前
Cesium实现深色地图效果
前端·gis·cesium
貂蝉空大1 小时前
uni-app开发安卓和ios app 真机调试
android·ios·uni-app
程楠楠&M1 小时前
uni-app(位置1)
前端·javascript·uni-app·node.js