Quellcode durchsuchen

菜单图标与标题之间加距离

xusl vor 1 Jahr
Ursprung
Commit
a6139fd516
1 geänderte Dateien mit 5 neuen und 7 gelöschten Zeilen
  1. 5 7
      src/views/fdjh/LeftNav.vue

+ 5 - 7
src/views/fdjh/LeftNav.vue

@@ -13,28 +13,28 @@
       <!-- 一级菜单 -->
       <template v-for="item in list">
         <el-submenu v-if="item.children && item.children.length" :key="item.path" :index="item.path">
-          <template slot="title"><img :src="require('./img/plan.png')"
+          <template slot="title"><img :src="require('./img/plan.png')" style="margin-right: 10px;"
                                       width="28px"/><span style="font-size:18px;font-weight:bold">{{ item.name }}</span>
           </template>
           <!-- 二级菜单 -->
           <template v-for="itemChild in item.children">
             <el-submenu v-if="itemChild.children && itemChild.children.length" :key="itemChild.path"
                         :index="itemChild.path">
-              <template slot="title"><img
+              <template slot="title"><img style="margin-right: 10px;"
                   :src="require('./img/pc1.png')"/><span style="font-size:16px;font-weight:bold">{{ itemChild.name }}</span></template>
               <!-- 三级菜单 -->
               <el-menu-item v-for="itemChild_Child in itemChild.children" :key="itemChild_Child.path"
                             :index="itemChild_Child.path" @click="changePage(itemChild_Child)">
-                <img :src="require('./img/last1.png')"/><span
+                <img :src="require('./img/last1.png')" style="margin-right: 10px;"/><span
                   slot="title">{{ itemChild_Child.name }}</span></el-menu-item>
             </el-submenu>
 
-            <el-menu-item v-else :key="itemChild.path" :index="itemChild.path"><img
+            <el-menu-item v-else :key="itemChild.path" :index="itemChild.path"><img style="margin-right: 10px;"
                 :src="require('./img/pc1.png')"/><span slot="title">{{ itemChild.name }}</span>
             </el-menu-item>
           </template>
         </el-submenu>
-        <el-menu-item v-else :key="item.path" :index="item.path"><img :src="require('./img/plan.png')"
+        <el-menu-item v-else :key="item.path" :index="item.path"><img :src="require('./img/plan.png')" style="margin-right: 10px;"
                                                                       width="28px"/><span
             slot="title">{{ item.name }}</span></el-menu-item>
       </template>
@@ -149,10 +149,8 @@ export default {
   height: 90%;
 }
 
-
 /deep/ .el-submenu__title:hover {
   background-color: rgb(103, 118, 49) !important;
-
 }
 
 /deep/ .sidebar-el-menu {