Skip to content

P
patzn-cloud-web-h5app-drs
Commit c83ebf77 by zhuxiaomei
Options

首页优化

parent c463c9a2
Showing with 17 additions and 3 deletions
src/page/Home.vue
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
</div> </div>
<div class="box-c box-c-2"> <div class="box-c box-c-2">
<div @click="_goto('/sampling_task/sampling_task')"> <div @click="_goto('/sampling_task/sampling_task')">
<img src="@/assets/home/task.png">
<div class="box-img"> <div class="box-img">
<img src="@/assets/home/task.png"></div> <img src="@/assets/home/task.png"></div>
<div class="cont"> <div class="cont">
...@@ -21,6 +22,7 @@ ...@@ -21,6 +22,7 @@
</div> </div>
</div> </div>
<div @click="_goto('/sampling_list/sampling_task')"> <div @click="_goto('/sampling_list/sampling_task')">
<img src="@/assets/home/task-edit.png">
<div class="box-img"> <div class="box-img">
<img src="@/assets/home/task-edit.png"></div> <img src="@/assets/home/task-edit.png"></div>
<div class="cont"> <div class="cont">
...@@ -31,6 +33,7 @@ ...@@ -31,6 +33,7 @@
</div> </div>
<div class="box-c box-c-3"> <div class="box-c box-c-3">
<div @click="_goto('/message')"> <div @click="_goto('/message')">
<img src="@/assets/home/message.png">
<div class="box-img"> <div class="box-img">
<img src="@/assets/home/message.png"></div> <img src="@/assets/home/message.png"></div>
<div class="cont"> <div class="cont">
...@@ -39,6 +42,7 @@ ...@@ -39,6 +42,7 @@
</div> </div>
</div> </div>
<div @click="_goto('/history_sampling/sampling_list')"> <div @click="_goto('/history_sampling/sampling_list')">
<img src="@/assets/home/history-data.png">
<div class="box-img"> <div class="box-img">
<img src="@/assets/home/history-data.png"></div> <img src="@/assets/home/history-data.png"></div>
<div class="cont"> <div class="cont">
...@@ -96,7 +100,7 @@ ...@@ -96,7 +100,7 @@
img { img {
width: 70px; width: 70px;
opacity: 0.8; opacity: 0.9;
} }
.box-c { .box-c {
...@@ -131,8 +135,8 @@ ...@@ -131,8 +135,8 @@
position: absolute; position: absolute;
right: -40px; right: -40px;
top: -40px; top: -40px;
opacity: 0.2; opacity: 0.1;
width: 300px; width: 280px;
} }
> div:nth-child(2) { > div:nth-child(2) {
...@@ -162,6 +166,14 @@ ...@@ -162,6 +166,14 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
box-shadow: 2px 2px 10px #888888; box-shadow: 2px 2px 10px #888888;
position: relative;
> img {
position: absolute;
right: -20px;
opacity: 0.1;
width: 200px;
}
} }
.box-img { .box-img {
...@@ -176,6 +188,7 @@ ...@@ -176,6 +188,7 @@
.box-c-2 { .box-c-2 {
> div:nth-child(1) { > div:nth-child(1) {
background-image: linear-gradient(45deg, #536DFE, #00B0Ff) background-image: linear-gradient(45deg, #536DFE, #00B0Ff)
/*background-image: linear-gradient(45deg, #10239e,#87e8de)*/
} }
...@@ -183,6 +196,7 @@ ...@@ -183,6 +196,7 @@
background-image: linear-gradient(45deg, #00B0Ff, #536DFE); background-image: linear-gradient(45deg, #00B0Ff, #536DFE);
margin-left: 30px; margin-left: 30px;
} }
} }
.box-c-3 { .box-c-3 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment