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. 必须要在父组件中编写修改样式的代码,如果该样式写到了子组件中,则不生效(父组件修改默认样式,子组件自动生效)
相关推荐
E***q5397 小时前
Vue增强现实开发
前端·vue.js·ar
S***42807 小时前
JavaScript在Web中的Angular
前端·javascript·angular.js
4***14907 小时前
Vue代码规范详解
javascript·vue.js·代码规范
黑幕困兽7 小时前
ehcarts 实现 饼图扇区间隙+透明外描边
前端·echarts
San307 小时前
深入理解 JavaScript 词法作用域链:从代码到底层实现机制
前端·javascript·ecmascript 6
进击的野人7 小时前
深入理解 JavaScript Promise:原理、用法与实践
javascript·面试·ecmascript 6
七淮7 小时前
Next.js SEO 优化完整方案
前端·next.js
e***19358 小时前
爬虫学习 01 Web Scraper的使用
前端·爬虫·学习
我有一棵树8 小时前
file 协议与 http 协议的区别:为什么本地 HTML 无法加载相对路径 JS,以及正确的解决方式
javascript·http·html
aircrushin8 小时前
TRAE SOLO 中国版,正式发布!AI 编程的 "Solo" 时代来了?
前端·人工智能