我试图在v卡上获得圆角,因为我可以在btn上获得圆角,但这似乎不可能?

我曾经

<v-card round class="elevation-0">

这是我的模板

    <template>
        <section id="section2">
          <v-parallax :src="require('../../assets/images/members.jpeg')" height="380">
            <v-layout column align-center justify-center>
              <v-flex xs12 sm12 md8>
                <v-card round class="elevation-0">
                    <v-card-title primary-title class="layout justify-center">
                      <h3 v-html="$t('lang.views.home.section4.thank_you')" ></h3>
                    </v-card-title>
                    <v-card-text>
                    </v-card-text>
                </v-card>
              </v-flex>
            </v-layout>
          </v-parallax>
        </section>
    </template>

推荐答案

默认情况下,v-card具有圆角.它没有提供名为round的props ,以使其具有更多圆角.

如果你想拥有比默认设置更多的圆角,那么在v-card中添加一个自定义css类

<v-card class="rounded-card">

css

.rounded-card{
    border-radius:50px;
}

这是codepen美元

Vue.js相关问答推荐

有没有办法将react 键作为值传递给由 v-for 创建的 v-model

vue3 ssr 不返回纯 html

在Vue cli项目中,Laravel api app放在哪里以及如何在vue js中调用api?

如何 for each 用户分组聊天消息?

VueJS:为什么在input事件处理程序中触发Input输入事件?

Eslint Vue 3 解析错误:'>' expected.eslint

使用 Vue Js 运行 Jest 测试时出现语法错误:无法在模块外使用 import 语句

vuejs中watch方法和计算方法有什么区别

在 Vuejs 中Watch观察 window.scrollY 的变化

将数据传递给另一条路由上的组件

动态注册本地 Vue.js 组件

如何在 Vuex 中获取 Vue 路由参数?

异步方法不等待函数

将 SignalR 与 Vue.js 和 Vuex 集成

Vue.js 中的 CSS 框架

在 vue.js 组件中react this.props.children

何时使用

是否有 v-cloak 逆?

Vue $refs 对象的类型为 unknown未知

Vue Router beforeRouteLeave 不会停止子组件