图标修改

src/components/newLayout/Aside.vue

@@ -19,7 +19,22 @@
           <img src="../../assets/业务线选择.png" class="business-logo"><span v-show="showBizIdSelect">项目管理首页</span>
         </div>
         {{ bizName }}
-        <svg-icon icon-class="select-business" @click="handleClickRouter({ name: '业务线选择' })" />
+        <div
+          class="icon-select"
+          @mouseenter="showBizIdSelect = true"
+          @mouseleave="showBizIdSelect = false"
+        >
+          <svg-icon
+            v-show="!showBizIdSelect"
+            icon-class="select-business"
+            @click="handleClickRouter({ name: '业务线选择' })"
+          />
+          <svg-icon
+            v-show="showBizIdSelect"
+            icon-class="select-business-active"
+            @click="handleClickRouter({ name: '业务线选择' })"
+          />
+        </div>
       </div>
       <ul class="all-pages-list">
         <li v-for="item in routesList" :key="item.path" @click="handleClickRouter(item)">
@@ -165,6 +180,9 @@ section {
     svg {
       cursor: pointer;
     }
+    .icon-select {
+      margin-left: 2px;
+    }
     .business-select {
       cursor: pointer;
       position: absolute;
@@ -204,7 +222,7 @@ section {
     .page-item {
       width: 100%;
       white-space: nowrap;
-      padding: 5px 0 0 27px;
+      padding: 5px 0 2px 27px;
       margin-bottom: 10px;
       cursor: pointer;
       svg {
@@ -235,6 +253,7 @@ section {
     justify-content: flex-end;
     font-size: 30px;
     img {
+      cursor: pointer;
       height: 20px;
       margin-top: 10px;
       margin-right: 10px;

src/components/newLayout/Head.vue

@@ -149,8 +149,8 @@ export default {
   .icon {
     position: relative;
     color: #ffffff;
-    height: 23px;
-    width: 28px;
+    height: 27px;
+    width: 33px;
     margin: 7px auto;
     font-size: 32px;
   }

src/icons/svg/select-business-active.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12.498" height="11.601" viewBox="0 0 12.498 11.601">
+  <g id="组_2648" data-name="组 2648" transform="translate(6386.718 121.762)">
+    <g id="组_2644" data-name="组 2644" transform="translate(-6386.718 -121.762)">
+      <path id="减去_1" data-name="减去 1" d="M3.584,4.137a6.168,6.168,0,0,1-1.457-.16A4.116,4.116,0,0,1,1,3.539a2.345,2.345,0,0,1-.734-.652A1.365,1.365,0,0,1,0,2.087a1.475,1.475,0,0,1,.255-.818A2.282,2.282,0,0,1,.988.585,4.056,4.056,0,0,1,2.156.126a2.867,2.867,0,0,1,.672-.1c.1-.006.213-.013.377-.025L2.78.544C1.383.678.652,1.4.652,2.047c0,.831,1.336,1.508,2.979,1.508,1.705,0,2.958-.634,2.978-1.508a.906.906,0,0,0-.226-.624.021.021,0,0,0-.009-.012l.274-.355h0a.846.846,0,0,1,.329.255,1.037,1.037,0,0,1,.26.743,1.34,1.34,0,0,1-.279.806,2.464,2.464,0,0,1-.774.662,4.539,4.539,0,0,1-1.158.449,5.828,5.828,0,0,1-1.28.164Z" transform="translate(0 6.742)" fill="#409eff"/>
+      <g id="点击添加" transform="matrix(0.799, 0.602, -0.602, 0.799, 6.33, 0)">
+        <path id="路径_13033" data-name="路径 13033" d="M5.643,0H2.093a1.076,1.076,0,0,0-.979.625.455.455,0,0,0-.023.053L.142,3.532A1.169,1.169,0,0,0,.595,5.107a1.193,1.193,0,0,0,1.416-.175V7.488a1.238,1.238,0,0,0,2.475,0V5.4c2.106-.185,2.128-.188,2.143-.191A1.194,1.194,0,0,0,7.723,4.07c0-.041,0-.137-.636-3.164C6.9.224,6.534,0,5.643,0ZM1.7.906A.438.438,0,0,1,2.093.648h3.55c.7,0,.73.112.814.411.221,1.056.584,2.806.617,3.026-.01.293-.289.444-.551.487l-2.39.211a.324.324,0,0,0-.3.323V7.488a.589.589,0,0,1-1.178,0V3.407A.324.324,0,0,0,2.032,3.3L1.64,4.372a.558.558,0,0,1-.723.172.524.524,0,0,1-.25-.321.513.513,0,0,1,.054-.4.324.324,0,0,0,.028-.062L1.7.906Zm0,0" transform="translate(0 0)" fill="#409eff"/>
+      </g>
+    </g>
+  </g>
+</svg>

src/icons/svg/select-business.svg

@@ -1,12 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="11.407" height="11.601" viewBox="0 0 11.407 11.601">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #333;
-      }
-    </style>
-  </defs>
-  <g id="点击添加" transform="matrix(0.799, 0.602, -0.602, 0.799, 5.24, 0)">
-    <path id="路径_13033" data-name="路径 13033" class="cls-1" d="M5.643,0H2.093a1.076,1.076,0,0,0-.979.625.455.455,0,0,0-.023.053L.142,3.532A1.169,1.169,0,0,0,.595,5.107a1.193,1.193,0,0,0,1.416-.175V7.488a1.238,1.238,0,0,0,2.475,0V5.4c2.106-.185,2.128-.188,2.143-.191A1.194,1.194,0,0,0,7.723,4.07c0-.041,0-.137-.636-3.164C6.9.224,6.534,0,5.643,0ZM1.7.906A.438.438,0,0,1,2.093.648h3.55c.7,0,.73.112.814.411.221,1.056.584,2.806.617,3.026-.01.293-.289.444-.551.487l-2.39.211a.324.324,0,0,0-.3.323V7.488a.589.589,0,0,1-1.178,0V3.407A.324.324,0,0,0,2.032,3.3L1.64,4.372a.558.558,0,0,1-.723.172.524.524,0,0,1-.25-.321.513.513,0,0,1,.054-.4.324.324,0,0,0,.028-.062L1.7.906Zm0,0" transform="translate(0 0)"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="12.498" height="11.601" viewBox="0 0 12.498 11.601">
+  <g id="组_2643" data-name="组 2643" transform="translate(6386.718 121.762)">
+    <g id="组_2644" data-name="组 2644" transform="translate(-6386.718 -121.762)">
+      <path id="减去_1" data-name="减去 1" d="M3.584,4.137a6.168,6.168,0,0,1-1.457-.16A4.116,4.116,0,0,1,1,3.539a2.345,2.345,0,0,1-.734-.652A1.365,1.365,0,0,1,0,2.087a1.475,1.475,0,0,1,.255-.818A2.282,2.282,0,0,1,.988.585,4.056,4.056,0,0,1,2.156.126a2.867,2.867,0,0,1,.672-.1c.1-.006.213-.013.377-.025L2.78.544C1.383.678.652,1.4.652,2.047c0,.831,1.336,1.508,2.979,1.508,1.705,0,2.958-.634,2.978-1.508a.906.906,0,0,0-.226-.624.021.021,0,0,0-.009-.012l.274-.355h0a.846.846,0,0,1,.329.255,1.037,1.037,0,0,1,.26.743,1.34,1.34,0,0,1-.279.806,2.464,2.464,0,0,1-.774.662,4.539,4.539,0,0,1-1.158.449,5.828,5.828,0,0,1-1.28.164Z" transform="translate(0 6.742)" fill="#333"/>
+      <g id="点击添加" transform="matrix(0.799, 0.602, -0.602, 0.799, 6.33, 0)">
+        <path id="路径_13033" data-name="路径 13033" d="M5.643,0H2.093a1.076,1.076,0,0,0-.979.625.455.455,0,0,0-.023.053L.142,3.532A1.169,1.169,0,0,0,.595,5.107a1.193,1.193,0,0,0,1.416-.175V7.488a1.238,1.238,0,0,0,2.475,0V5.4c2.106-.185,2.128-.188,2.143-.191A1.194,1.194,0,0,0,7.723,4.07c0-.041,0-.137-.636-3.164C6.9.224,6.534,0,5.643,0ZM1.7.906A.438.438,0,0,1,2.093.648h3.55c.7,0,.73.112.814.411.221,1.056.584,2.806.617,3.026-.01.293-.289.444-.551.487l-2.39.211a.324.324,0,0,0-.3.323V7.488a.589.589,0,0,1-1.178,0V3.407A.324.324,0,0,0,2.032,3.3L1.64,4.372a.558.558,0,0,1-.723.172.524.524,0,0,1-.25-.321.513.513,0,0,1,.054-.4.324.324,0,0,0,.028-.062L1.7.906Zm0,0" transform="translate(0 0)" fill="#333"/>
+      </g>
+    </g>
   </g>
 </svg>