0928_1

src/Food/introPage.vue

@@ -1,6 +1,6 @@
 <!--简介页面-->
 <template>
-    <div style="height: 100%; width: 100%;background-image: url('https://img95.699pic.com/photo/40248/3125.jpg_wh860.jpg')">
+    <div class="container" style="height: 100%; width: 100%;">
         <div style="color: white;">
             <h1 style="font-weight: bold;font-size: 35px;margin-bottom: 20px;text-align: center;">粮仓简介</h1>
             <hr style="width: 1200px;margin-left: 150px">
@@ -43,4 +43,13 @@
         padding: 0;
         margin: 0;
     }
+    .container{
+        background-image: url("../assets/intro.jpg");
+        background-size: 100vw 100vh;
+        background-repeat: no-repeat;
+        /*position: absolute;*/
+        /*padding: 0px;*/
+        width: 100vw;
+        height: 100vh;
+    }
 </style>

src/Food/login.vue

@@ -1,6 +1,6 @@
 <!--登录页面-->
 <template>
-    <div style="position : absolute;height: 100%; width: 100%;background-image: url('https://img95.699pic.com/photo/40248/3125.jpg_wh860.jpg'); ">
+    <div class="container" style="position : absolute;height: 100%; width: 100%; ">
         <div style="left: 50%;top: 50%;transform: translate(0%,64%);
         height: 350px; width: 350px; background-color: white; margin: auto; border-radius: 20px">
             <p style="color: darkgray; text-align: center; padding: 30px">粮食集团竞价后台管理系统</p>
@@ -69,5 +69,14 @@
         padding: 0;
         margin: 0;
     }
+    .container{
+        background-image: url("../assets/intro.jpg");
+        background-size: 100vw 100vh;
+        background-repeat: no-repeat;
+        /*position: absolute;*/
+        /*padding: 0px;*/
+        width: 100vw;
+        height: 100vh;
+    }
 
 </style>

src/Food/tabsPage.vue

@@ -1,13 +1,17 @@
 <!--标签页选项-->
 <template>
     <div>
-        <el-tabs v-model="editableTabsValue" type="card" closable style="margin-left: 10px" @tab-remove="removeTab" @tab-click="clickTab">
+        <el-tabs v-model="editableTabsValue" type="card" closable style="margin-left: 10px;" @tab-remove="removeTab" @tab-click="clickTab">
             <el-tab-pane
                     :key="item.name"
                     v-for="item in editableTabs"
                     :label="item.title"
                     :name="item.name"
+                    style="padding-left: 20px"
             >
+                <template #label>
+                    <span>&nbsp;&nbsp;{{item.title}}</span>
+                </template>
             </el-tab-pane>
         </el-tabs>
     </div>
@@ -37,7 +41,7 @@
                 set(val){
                     this.$store.state.editableTabs=val;
                 }
-            }
+            },
         },
         methods : {
             removeTab(targetName) {
@@ -116,5 +120,9 @@
         /* 选中状态下的样式 */
         color: white !important;
         background-color: #409EFF !important;
+        background-image: url("../assets/white.png");
+        background-size: 14px;
+        background-repeat: no-repeat;
+        background-position: 8px 13px;
     }
 </style>