1

src/view/layout/index.vue

@@ -19,9 +19,11 @@
               }"
             >
             <div class="poprs sceneList" v-if="sceneList.length">
-              <el-dropdown placement="bottom-start" trigger="click" @command="handleCommand">
+              <el-dropdown placement="bottom" trigger="click" @command="handleCommand">
                 <el-button >
-                  {{sceneListName}}<el-icon class="el-icon--right"><arrow-down /></el-icon>
+                  <span :title="sceneListName">
+                    {{sceneListName}}<el-icon class="el-icon--right"><arrow-down /></el-icon>
+                  </span>
                 </el-button>
                 <!-- <span class="el-dropdown-link" style="color: #fff">
                   {{sceneListName}}
@@ -31,7 +33,7 @@
                 </span> -->
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item v-for="item,index in sceneList" :key="index" :command="item.id">{{ item.name || '多元融合' }}</el-dropdown-item>
+                  <el-dropdown-item style="color:red" v-for="item,index in sceneList" :key="index" :command="item.id">{{ item.name || '多元融合' }}</el-dropdown-item>
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
@@ -184,7 +186,9 @@ const handleClick = (command: string) => {
       }
       .sceneList{
         position: absolute;
-        left: 21px;
+        width: 200px;
+        text-align: center;
+        left: calc(50% - 100px);
         top: 42px;
         color: #fff;
         font-weight: bold;