Prechádzať zdrojové kódy

perf(views): 修复导航菜单折叠报警图标未显示问题

wangshun 2 dní pred
rodič
commit
83496b3c03
1 zmenil súbory, kde vykonal 16 pridanie a 1 odobranie
  1. 16 1
      src/layout/HvacAside.vue

+ 16 - 1
src/layout/HvacAside.vue

@@ -344,7 +344,10 @@ const bindingPassword = () => {
       </AMenu>
     </Simplebar>
     <div v-show="collapsed" class="aside-collapsed-icons">
-      <SvgIcon name="information" @click="addInformation" />
+      <ABadge :count="countNumber">
+        <SvgIcon name="information" @click="addInformation" />
+      </ABadge>
+
       <SvgIcon name="setting" />
       <SvgIcon name="unfold" @click="toggleCollapsed" />
     </div>
@@ -544,6 +547,18 @@ const bindingPassword = () => {
   cursor: pointer;
 }
 
+:deep(.aside-collapsed-icons) {
+  .ant-badge .ant-badge-count {
+    min-width: 15px;
+    height: 15px;
+    margin-top: 10px;
+    margin-right: 14px;
+    font-size: 10px;
+    line-height: 15px;
+    cursor: pointer;
+  }
+}
+
 :deep(.aside-footer) {
   .ant-badge .ant-badge-count {
     min-width: 15px;