update: 样式调整

src/components/layout/components/change-store.vue

 <template>
-  <div v-if="storeList.length > 0">
-    <el-dropdown v-if="storeList.length > 1" @command="onChangeStore">
+  <div v-if="storeList.length > 1">
+    <el-dropdown @command="onChangeStore">
       <span class="change-store-btn">
         {{ getActiveStoreName }}
         <i class="iconfont-hb3 iconxiajiantou change-store-icon"></i>
@@ -20,9 +20,6 @@
         </el-dropdown-item>
       </el-dropdown-menu>
     </el-dropdown>
-    <span v-else class="change-store-btn disabled">
-      {{ getActiveStoreName }}
-    </span>
     <el-dialog :visible.sync="changeStore.show" append-to-body title="更改默认商户" width="600px" @closed="onClosed">
       <div class="change-store-title">选择商户</div>
       <el-select class="change-store-selector" v-model="changeStore.storeId">
@@ -137,12 +134,10 @@ export default {
   color: #303133;
   border-radius: 4px;
   cursor: pointer;
-  &.disabled {
-    cursor: default;
-  }
   .change-store-icon {
     display: inline-block;
     margin-left: 5px;
+    font-size: 12px;
     transition: 0.3s;
   }
   &::after {
@@ -155,7 +150,7 @@ export default {
     height: 24px;
     border-left: 1px solid #dcdfe6;
   }
-  &:not(.disabled):hover {
+  &:hover {
     background: #f2f3f5;
     .change-store-icon {
       transform: rotateZ(180deg);

src/components/layout/components/user-info.vue

@@ -96,6 +96,7 @@ export default {
       font-size: 14px;
     }
     .user-info-arrow {
+      font-size: 12px;
       transition: all 0.3s;
     }
   }