From bef1715b0f0504998bc78c4c8a04f41926c7718d Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期三, 16 十月 2024 09:39:10 +0800
Subject: [PATCH] 修改高级示例
---
src/components/drawer/CustomDrawer.vue | 21 +++++++++++----------
1 files changed, 11 insertions(+), 10 deletions(-)
diff --git a/src/components/drawer/CustomDrawer.vue b/src/components/drawer/CustomDrawer.vue
index e1c3f1c..7421410 100644
--- a/src/components/drawer/CustomDrawer.vue
+++ b/src/components/drawer/CustomDrawer.vue
@@ -37,7 +37,7 @@
v-for="(item, index) in state.customBusinessList"
:key="index"
:class="{ 'set-group-label-active': state.activeBusinessName === item.group_id }"
- class="flex items-center"
+ class="flex items-center border border-solid border-[#b2b2b2] rounded-xl mx-[3px] leading-6"
@click="handleBusinessClick(item)"
>
<span class="set-group-name">{{ item.group_name }}</span>
@@ -45,7 +45,7 @@
</div>
</div>
<div
- class="overflow-hidden min-h-[38px] transition-[max-height 0.2s] w100 flex flex-wrap text-xs leading-[14px] items-center"
+ class="overflow-hidden min-h-[34px] transition-[max-height 0.2s] w100 flex flex-wrap text-xs leading-[14px] items-center bg-[#f5f7fd]"
>
<div
v-for="(itemChildren, index) in state.customBusinessChildList"
@@ -93,7 +93,7 @@
v-for="(item, index) in state.customOfficeList"
:key="index"
:class="{ 'set-group-label-active': state.activeOfficeName === item.group_id }"
- class="flex items-center"
+ class="flex items-center border border-solid border-[#b2b2b2] rounded-xl mx-[3px] leading-6"
@click="handleOfficeClick(item)"
>
<span class="set-group-name">{{ item.group_name }}</span>
@@ -101,7 +101,7 @@
</div>
</div>
<div
- class="overflow-hidden min-h-[38px] transition-[max-height 0.2s] w100 flex flex-wrap text-xs leading-[14px] items-center"
+ class="overflow-hidden min-h-[34px] transition-[max-height 0.2s] w100 flex flex-wrap text-xs leading-[14px] items-center bg-[#f5f7fd]"
>
<div
v-for="(itemChildren, index) in state.customOfficeChildList"
@@ -143,7 +143,7 @@
v-for="(item, index) in state.knowledgeBaseList"
:key="index"
:class="{ 'set-group-label-active': state.activeKnowledgeName === item.group_id }"
- class="flex items-center"
+ class="flex items-center border border-solid border-[#b2b2b2] rounded-xl mx-[3px] leading-6"
@click="handleKnowledgeClick(item)"
>
<span class="set-group-name">{{ item.group_name }}</span>
@@ -151,7 +151,7 @@
</div>
</div>
<div
- class="overflow-hidden min-h-[38px] transition-[max-height 0.2s] w100 flex flex-wrap text-xs leading-[14px] items-center"
+ class="overflow-hidden min-h-[34px] transition-[max-height 0.2s] w100 flex flex-wrap text-xs leading-[14px] items-center bg-[#f5f7fd]"
>
<div
v-for="(itemChildren, index) in state.customKnowledgeChildList"
@@ -552,10 +552,10 @@
.set-group-name {
margin: 0px 7px;
white-space: nowrap;
- border: 1px solid #999;
- border-radius: 0.75rem;
- padding: 0 6px;
- line-height: 22px;
+ // border: 1px solid #999;
+ // border-radius: 0.75rem;
+ // padding: 0 6px;
+ // line-height: 22px;
}
}
}
@@ -640,6 +640,7 @@
max-height: 180px;
}
.set-group-label-active {
+ border-color: #161616;
color: #000;
}
.set-label-active {
--
Gitblit v1.9.3