1

src/views/system/application/index.vue

@@ -2,7 +2,7 @@
     <div class="dis-f" style="flex-direction: column;height:100%;">
         <el-container>
             <el-header>
-                <div class="left-panel tab-list-box dis-f jus-x al-item">
+                <div class="left-panel tab-list-box dis-f al-item">
                     <div v-for="(item, i) in tabList" :key="i" class="tab-box" :class="{ 'click-tab': item.type === activeName }" @click="changeTab(item.type)">
                         {{ item.title }}
                     </div>
@@ -69,11 +69,6 @@ export default {
 .flex-1 {
     flex: 1;
 }
-
-.jus-x {
-    justify-content: center;
-}
-
 .al-item {
     align-items: center;
 }
@@ -100,12 +95,12 @@ export default {
 
 .tab-box {
     height: 100%;
-    width: 120px;
+    width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
-    padding: 0 20px;
+    padding: 0 10px;
     transition: all linear 0.3s;
     border-bottom: 1px solid transparent;
 }

src/views/system/application/popInfo.vue

@@ -37,7 +37,7 @@
                     {{ info.description }}
                     <div v-if="info.exec" style="padding: 10px 0;">
                         <p>当前应用需要第三方组件支持请使用命令行先安装</p>
-                        <pre style="background: #848484; padding: 15px; color: #fff; font-size: 13px; border-radius: 4px;">{{ info.exec }}
+                        <pre style="background: #848484; padding: 15px; color: #fff; font-size: 13px; border-radius: 4px;margin-top: 20px;">{{ info.exec }}
 
 
 或手动安装组件后再来操作安装