我想要一张只有两个圆 Angular 的 v-card。我尝试了以下方法,但没有成功(卡片旋转了 90°)。
模板:
<div class="text-center rotate-ninety ml-n6">
<v-card
hover
ripple
class="rounded-card py-5 px-2"
elevation="10"
color="orange"
>
<v-icon
color="black"
left
>
mdi-domain
</v-icon>
<span class="black--text">
Domain
</span>
</v-card>
</div>
CSS:
.rotate-ninety {
writing-mode: vertical-rl;
text-orientation: mixed;
}
.rounded-card {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
我错过了什么吗?
非常感谢 克里斯
最佳答案
关于css - vuetify v-card 只有两个圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68528939/