优化开发版快捷登录

src/views/login/index.vue

@@ -10,10 +10,13 @@
         </el-radio-group>
       </el-form-item>
       <!-- DEV-START -->
-      <el-form-item label="快捷输入账号" label-width="100px" v-if="env == 'development'">
-        <el-button :type="item.type" v-for="item in accountList" @click="accountHandle(item)">
-          {{ item.username }}
-        </el-button>
+      <el-form-item label-width="0" v-if="env == 'development'">
+        <div class="tips" style="font-size: 16px;color: #333;">快捷输入账号</div>
+        <div class="btn_wrap" style="display: flex;gap: 10px;flex-wrap: wrap;">
+          <el-button :type="item.type" v-for="item in accountList" @click="accountHandle(item)">
+            {{ item.label }}
+          </el-button>
+        </div>
       </el-form-item>
       <!-- DEV-END -->
       <el-form-item prop="username">
@@ -67,10 +70,10 @@ const env = process.env.NODE_ENV
 
 // DEV-START
 const accountList = reactive([
-  { username: "admin", type: 'primary' },
-  { username: "19191703856", type: 'warning' },
-  { username: "19107220837", type: 'danger' },
-  { username: "18199991111", type: 'info' },
+  { username: "admin", type: 'primary', label: 'admin' },
+  { username: "19191703856", type: 'warning', label: '喜气洋洋' },
+  { username: "19107220837", type: 'danger', label: '快乐时光店铺' },
+  { username: "18199991111", type: 'success', label: '草莓加盟主店可直接管理' },
 ]);
 
 // 快捷模拟登录