Pārlūkot izejas kodu

1.修改布局宽度太长导致换行

胡荣基 7 mēneši atpakaļ
vecāks
revīzija
e3df093001
1 mainītis faili ar 19 papildinājumiem un 7 dzēšanām
  1. 19 7
      src/views/power-home/index.vue

+ 19 - 7
src/views/power-home/index.vue

@@ -8,7 +8,7 @@
         <el-col :span="4">
           <div class="title font-ht">应用赋能中台</div>
         </el-col>
-        <el-col :span="19 ">
+        <el-col :span="18 ">
           <!--          循环输出下拉菜单-->
           <div class="more-t">
             <template v-for="(item,index) in headerTitle" :key="item.name">
@@ -42,12 +42,24 @@
             </template>
           </div>
         </el-col>
-        <el-col :span="1">
-          <el-dropdown trigger="click">
-                <span style="" class="user-name">
-              {{ loginPinia.loginInfo.username }}
-              <img style="width: 10px;height: 10px" src="@/assets/imgs/drop-down-arrow.png">
-            </span>
+        <el-col :span="2">
+          <el-dropdown trigger="click" size="small">
+                <span v-if=" loginPinia.loginInfo.username.length<=10" style="" class="user-name">
+                  {{ loginPinia.loginInfo.username }}
+                  <img style="width: 10px;height: 10px" src="@/assets/imgs/drop-down-arrow.png">
+                </span>
+            <el-tooltip
+                v-else
+                class="box-item"
+                effect="dark"
+                :content="loginPinia.loginInfo.username"
+                placement="top-start"
+            >
+              <span style="" class="user-name">
+                  {{ loginPinia.loginInfo.username.slice(0, 10) + '...' }}
+                  <img style="width: 10px;height: 10px" src="@/assets/imgs/drop-down-arrow.png">
+                </span>
+            </el-tooltip>
             <template #dropdown>
               <el-dropdown-menu>
                 <el-dropdown-item @click="toHome">