修改高级示例

yangyin

2024-10-16 bef1715b0f0504998bc78c4c8a04f41926c7718d

 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 {