首页优化

src/page/Home.vue

@@ -13,6 +13,7 @@
             </div>
             <div class="box-c box-c-2">
                 <div @click="_goto('/sampling_task/sampling_task')">
+                    <img src="@/assets/home/task.png">
                     <div class="box-img">
                         <img src="@/assets/home/task.png"></div>
                     <div class="cont">
@@ -21,6 +22,7 @@
                     </div>
                 </div>
                 <div @click="_goto('/sampling_list/sampling_task')">
+                    <img src="@/assets/home/task-edit.png">
                     <div class="box-img">
                         <img src="@/assets/home/task-edit.png"></div>
                     <div class="cont">
@@ -31,6 +33,7 @@
             </div>
             <div class="box-c box-c-3">
                 <div @click="_goto('/message')">
+                    <img src="@/assets/home/message.png">
                     <div class="box-img">
                         <img src="@/assets/home/message.png"></div>
                     <div class="cont">
@@ -39,6 +42,7 @@
                     </div>
                 </div>
                 <div @click="_goto('/history_sampling/sampling_list')">
+                    <img src="@/assets/home/history-data.png">
                     <div class="box-img">
                         <img src="@/assets/home/history-data.png"></div>
                     <div class="cont">
@@ -96,7 +100,7 @@
 
     img {
         width: 70px;
-        opacity: 0.8;
+        opacity: 0.9;
     }
 
     .box-c {
@@ -131,8 +135,8 @@
             position: absolute;
             right: -40px;
             top: -40px;
-            opacity: 0.2;
-            width: 300px;
+            opacity: 0.1;
+            width: 280px;
         }
 
         > div:nth-child(2) {
@@ -162,6 +166,14 @@
             justify-content: center;
             align-items: center;
             box-shadow: 2px 2px 10px #888888;
+            position: relative;
+
+            > img {
+                position: absolute;
+                right: -20px;
+                opacity: 0.1;
+                width: 200px;
+            }
         }
 
         .box-img {
@@ -176,6 +188,7 @@
     .box-c-2 {
         > div:nth-child(1) {
             background-image: linear-gradient(45deg, #536DFE, #00B0Ff)
+            /*background-image: linear-gradient(45deg, #10239e,#87e8de)*/
 
         }
 
@@ -183,6 +196,7 @@
             background-image: linear-gradient(45deg, #00B0Ff, #536DFE);
             margin-left: 30px;
         }
+
     }
 
     .box-c-3 {