命令卡片布局调整

This commit is contained in:
fofolee 2025-02-24 21:08:00 +08:00
parent 7d3074b598
commit b27248bdb0
4 changed files with 6 additions and 4 deletions

View File

@ -242,6 +242,7 @@ export default {
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
visibility: visible; visibility: visible;
backdrop-filter: blur(1px);
} }
/* 按钮悬浮效果 */ /* 按钮悬浮效果 */

View File

@ -19,7 +19,7 @@
<div class="row justify-end"> <div class="row justify-end">
<div <div
class="text-ellipsis" class="text-ellipsis"
v-html="commandInfo.features.explain.trim() || '<br/>'" v-text="commandInfo.features.explain"
/> />
</div> </div>

View File

@ -13,11 +13,11 @@
> >
<img :src="commandInfo.features.icon" /> <img :src="commandInfo.features.icon" />
</q-avatar> </q-avatar>
<div class="column"> <div class="col">
<!-- 名称 --> <!-- 名称 -->
<div <div
class="text-ellipsis" class="text-ellipsis"
v-html="commandInfo.features.explain.trim() || '<br/>'" v-text="commandInfo.features.explain"
/> />
<!-- 匹配模式 --> <!-- 匹配模式 -->
<CommandTypeTag <CommandTypeTag
@ -96,5 +96,6 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 14px; font-size: 14px;
max-width: 100%;
} }
</style> </style>

View File

@ -18,7 +18,7 @@
<div class="row justify-center w-100"> <div class="row justify-center w-100">
<div <div
class="text-ellipsis text-center" class="text-ellipsis text-center"
v-html="commandInfo.features.explain.trim() || '<br/>'" v-text="commandInfo.features.explain"
/> />
</div> </div>