代码之家 › 专栏 › 技术社区 › Billal Begueradj

VuetifyJS:如何消除V步进器组件的高度?

v-stepper vuetify.js css javascript

Billal Begueradj · 技术社区 · 6 年前

当使用 v-stepper component in vuetify,there is a default border like shape that appears on the edges:。


   
    
    
    
     
     
     
      
     
    
    
     我想把它移走。我试图设置
     
      
       elevation
      
     
     
      to 0 but it did not work.
     
    
    
     
     
    
    <v-stepper v-model=“e1”class=“Elevation-0”>
< /代码> 

codepen。


如何做到这一点?



我想把它移走。我试着设置elevation到0,但不起作用。

<v-stepper v-model="e1" class="elevation-{0}">


Codepen

如何做到这一点?

2 回复 | 直到 6 年前

Traxo 6 年前

不是 elevation-{0} 但是 elevation-0 .
高程 docs :

可以使用类设置元素的高程。 elevation-{n} 在哪里 n 是一个0-24之间的整数,对应于所需的高程。

所以实际上你也需要去掉括号。
应该清楚因为你 can't use parentheses in class names 据我所知。

Matt 6 年前

添加一些CSS作品(至少带笔):

.v-stepper__header {
  box-shadow: none;
}

推荐文章

Veer3383 · 如何更改/覆盖Vuetify js中禁用字段的默认颜色?

6 年前

Peter Krauss · emit go modal在其他实例中什么都不做,如何调用modal?

7 年前

Yuri F Becker · 在vue中以编程方式创建表单

7 年前

L. Gangemi · Vue+Vuetify扩展面板输入/离开动画

7 年前

niutech · 如何异步验证Vuetify文本字段?

7 年前

Jay Vignesh · VueJs-在方法之间传递变量

7 年前

JustStartedProgramming · 在Vuejs中读取HTML响应以在对话框中显示

7 年前

Raluca · 在滑块中获取居中元素的对象

7 年前

tobiasg · 将new Date()与v-Date-picker一起使用不起作用

7 年前

IsraGab · 动态内容到v-expansion-panel-content

7 年前