fix: 修复部分样式错误

This commit is contained in:
2024-10-28 20:47:49 +08:00
parent 880fb1d55d
commit 0e8fe5ff1f
3 changed files with 21 additions and 7 deletions

View File

@@ -121,7 +121,7 @@
</template> </template>
</a-button> </a-button>
</div> </div>
<a-button type="outline" class="add-button" style="width: 100%;" @click="onAddArgs"> <a-button type="primary" class="add-button" @click="onAddArgs">
<template #icon> <template #icon>
<icon-plus /> <icon-plus />
</template> </template>
@@ -358,7 +358,7 @@ fieldset legend {
.add-button { .add-button {
align-self: flex-start; align-self: flex-start;
width: 100px; width: 100%;
} }
:deep(.arco-input-append) { :deep(.arco-input-append) {

View File

@@ -182,6 +182,9 @@ onMounted(() => {
:deep(.arco-tree-node-selected) { :deep(.arco-tree-node-selected) {
font-weight: bold; font-weight: bold;
background-color: rgba(var(--primary-6), 0.1); background-color: rgba(var(--primary-6), 0.1);
&:hover {
background-color: rgba(var(--primary-6), 0.1);
}
.arco-typography { .arco-typography {
color: rgb(var(--primary-6)); color: rgb(var(--primary-6));
} }

View File

@@ -21,11 +21,19 @@
<IconIdcard v-else /> <IconIdcard v-else />
</template> </template>
<template #title="node"> <template #title="node">
<template v-if="index = getMatchIndex(node?.title), index < 0">{{ node?.title }}</template> <a-typography-paragraph
<span v-else>{{ node?.title?.substr(0, index) }} :ellipsis="{
<span style="color: rgb(var(--arcoblue-6));">{{ node?.title?.substr(index, searchKey.length) }}</span> rows: 1,
{{ node?.title?.substr(index + searchKey.length) }} showTooltip: true,
</span> css: true,
}"
>
<template v-if="index = getMatchIndex(node?.title), index < 0">{{ node?.title }}</template>
<span v-else>{{ node?.title?.substr(0, index) }}
<span style="color: rgb(var(--arcoblue-6));">{{ node?.title?.substr(index, searchKey.length) }}</span>
{{ node?.title?.substr(index + searchKey.length) }}
</span>
</a-typography-paragraph>
</template> </template>
</a-tree> </a-tree>
</div> </div>
@@ -136,6 +144,9 @@ onMounted(() => {
&:hover { &:hover {
background-color: rgba(var(--primary-6), 0.1); background-color: rgba(var(--primary-6), 0.1);
} }
.arco-typography {
color: rgb(var(--primary-6));
}
} }
.left-tree { .left-tree {