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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
Dreamboat-L1 分钟前
VUE使用前提:安装环境(Node.js)
前端·vue.js·node.js
吃好喝好玩好睡好2 分钟前
OpenHarmony混合开发:Flutter+Electron实战
javascript·flutter·electron
EveryPossible6 分钟前
动态计算高度
vue.js
OC溥哥9998 分钟前
2D,MC像素风跑酷游戏用HTML实现
javascript·游戏·html
小徐不会敲代码~8 分钟前
Vue3 学习
前端·javascript·vue.js·学习
大猩猩X10 分钟前
vue vxe-gantt table 甘特图实现多个维度视图展示,支持切换年视图、月视图、周视图等
前端·javascript·甘特图·vxe-table·vxe-ui
m0_7400437311 分钟前
Element-UI 组件库的核心组件及其用法
前端·javascript·vue.js·ui·elementui·html
游九尘13 分钟前
js:获取上一周,本周,下一周,上个月,本月,下个月的日期时间段
javascript
黑马源码库miui5208614 分钟前
JAVA成人用品商城系统源码微信小程序+h5+安卓+ios
android·java·微信小程序
向上的车轮15 分钟前
从“能用”到“好用”:基于 DevUI 构建高维护性、多端自适应的企业级前端架构实践
前端·架构