命令卡片布局调整

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;
transform: translateY(0);
visibility: visible;
backdrop-filter: blur(1px);
}
/* 按钮悬浮效果 */

View File

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

View File

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

View File

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