css - vuetify v-card 只有两个圆角
问题描述
我想要一张只有两个圆角的 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;
}
我想念什么吗?
非常感谢克里斯
解决方案
推荐阅读
- swift - 在 swift 4 中迭代 3 度嵌套字典
- firebase - ReferenceError:使用 onAuthStateChanged 时未定义 firebase 错误
- sql - 如果我的 where 条件使用 Hive 给出空输出,如何显示表中的所有记录
- xml - 如何解决 Strings.xml 中高棉字符集的特定无效字符?
- git - 在 Windows 上删除 Git 的缓存密码
- javascript - Angularjs - 在 ng-repeat 中 Md-select 中断
- javascript - Ant design - 有没有办法获得我实际使用的样式?
- vue.js - 使日期时间列在 Vue 表 2 中可排序
- java - 在链表中搜索对象变量
- r - 神经网络输出不一致