vant 使用deep修改样式不好使解决方案

Posted 仲夏の梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vant 使用deep修改样式不好使解决方案相关的知识,希望对你有一定的参考价值。

<template>
  <div class="box"></div>
</template>

import  Toast  from "vant";
Toast.setDefaultOptions( teleport: ".box" );

<style lang="scss" scoped>
	:deep(.van-toast) 
      width: auto;
      padding: 30px;
      font-size: 32px;
      width: 100vw;
    
</style>

以上是关于vant 使用deep修改样式不好使解决方案的主要内容,如果未能解决你的问题,请参考以下文章

scss/less修改vant/element ui的默认样式方法

Vue样式穿透 ::v-deep的具体使用

三大样式穿透

vue样式穿透::v-deep和/deep/的具体使用-案例

element-ui 修改样式/deep/报错问题

微信小程序之vant组件自定义样式(外部样式)