优化首页

itdmWeb/src/views/user/firstIndex.vue

@@ -1,11 +1,12 @@
 <template>
-    <div style="display: flex;">
-        <div class="box" @click="iTDM">1</div>
-        <div class="box">2</div>
+    <div class="center">
+        <div class="header"></div>
+        <div class="box a1" @click="iTDM"></div>
+        <!-- <div class="box">2</div>
         <div class="box">3</div>
         <div class="box">4</div>
         <div class="box">5</div>
-        <div class="box">6</div>
+        <div class="box">6</div> -->
     </div>
 </template>
 
@@ -25,11 +26,35 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
+.center{
+    height: 100%;
+    width: 100%;
+    /* display: flex; */
+    background: url('../../assets/firstBg.png') no-repeat center center;
+    background-size: cover;
+    overflow:hidden
+}
+.header{
+    height: 68px;
+    width: 252px;
+    // border: 1px solid rgb(0, 0, 0);
+    background: url('../../assets/tg.png') no-repeat center center;
+    background-size: cover;
+    margin-top: 1%;
+    margin-left: 82%;
+    /* position: absolute;
+    left: 70%;
+    top: 10%; */
+}
 .box{ 
-    height: 30px;
-    width: 70px;
-    border: 1px solid rgb(0, 0, 0);
-    margin-left: 5px;
+    height: 55px;
+    width: 245px;
+    // border: 1px solid rgb(0, 0, 0);
+}
+.a1{
+    margin-left: 16.7%;
+    margin-top: 4.9%;
+    cursor: pointer;
 }
 </style>