hy

dsk-operate-ui/src/assets/styles/sidebar.scss

@@ -359,6 +359,14 @@
   }
   .svg-icon {
     margin-right: 0 !important;
+	width: 1em;
+	height: 1em;
+	font-size: 16px;
+	margin-bottom: -2px;
+	vertical-align: -0.15em;
+	fill: currentColor;
+	overflow: hidden;
+	margin-left: 0px;
   }
 }
 .side-one-popover{

dsk-operate-ui/src/layout/components/Sidebar/SidebarItem.vue

@@ -26,45 +26,45 @@
     </template>
 		<!-- 收起 -->
 		<template v-else>
-		  <div v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow" class="side-retract">
-		    <el-popover
-		      placement="right-start"
-		      popper-class="side-popover side-one-popover"
-		      :visible-arrow="true"
-		      trigger="hover"
-		      :disabled="onlyOneChild.meta||item.meta?false:true"
-		    >
-		      <div class="side-container">
-		        <div class="side-title">
-		          <app-link v-if="onlyOneChild.meta || item.meta" :to="resolvePath(onlyOneChild.path || item.path)">
-		            {{ onlyOneChild.meta.title || item.meta.title }}
-		          </app-link>
-		        </div>
-		      </div>
-		      <item v-if="onlyOneChild.meta" slot="reference" :icon="sideIcon(item, onlyOneChild)" />
-		    </el-popover>
-		  </div>
-		  <div v-else class="side-retract">
-		    <el-popover
-		      placement="right-start"
-		      popper-class="side-popover"
-		      :visible-arrow="true"
-		      trigger="hover"
-		      :disabled="item.meta?false:true"
-		    >
-		      <div class="side-container">
-		        <div class="side-title">{{ item.meta.title }}</div>
-		        <ul class="side-list">
-		          <li v-for="child in item.children" :key="child.path">
-		            <app-link v-if="child.meta" :to="resolvePath(child.path)">
-		              {{ child.meta.title }}
-		            </app-link>
-		          </li>
-		        </ul>
-		      </div>
-		      <item v-if="item.meta" slot="reference" :icon="sideIcon(item)" />
-		    </el-popover>
-		  </div>
+			<div v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !item.alwaysShow" class="side-retract">
+			  <el-popover
+			    placement="right-start"
+			    popper-class="side-popover side-one-popover"
+			    :visible-arrow="true"
+			    trigger="hover"
+			    :disabled="onlyOneChild.meta||item.meta?false:true"
+			  >
+			    <div class="side-container">
+			      <div class="side-title">
+			        <app-link v-if="onlyOneChild.meta || item.meta" :to="resolvePath(onlyOneChild.path || item.path)">
+			          {{ onlyOneChild.meta.title || item.meta.title }}
+			        </app-link>
+			      </div>
+			    </div>
+			    <item v-if="onlyOneChild.meta" slot="reference" :icon="sideIcon(item, onlyOneChild)" />
+			  </el-popover>
+			</div>
+			<div v-else class="side-retract">
+			  <el-popover
+			    placement="right-start"
+			    popper-class="side-popover"
+			    :visible-arrow="true"
+			    trigger="hover"
+			    :disabled="item.meta?false:true"
+			  >
+			    <div class="side-container">
+			      <div class="side-title">{{ item.meta.title }}</div>
+			      <ul class="side-list">
+			        <li v-for="child in item.children" :key="child.path">
+			          <app-link v-if="child.meta" :to="resolvePath(child.path)">
+			            {{ child.meta.title }}
+			          </app-link>
+			        </li>
+			      </ul>
+			    </div>
+			    <item v-if="item.meta" slot="reference" :icon="sideIcon(item)" />
+			  </el-popover>
+			</div>
 		</template>
   </div>
 </template>