|
@@ -3,15 +3,15 @@
|
|
|
<div class="top-menu-bar">
|
|
|
<!-- 图标按钮 -->
|
|
|
<el-tooltip content="主页" placement="bottom" class="tooltip">
|
|
|
- <el-button icon="el-icon-house" circle></el-button>
|
|
|
+ <el-button class="icon-button-home home-button"></el-button>
|
|
|
</el-tooltip>
|
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
<el-button-group class="custom-button-group">
|
|
|
- <el-button>田间规划</el-button>
|
|
|
- <el-button>实验设计</el-button>
|
|
|
- <el-button>采集部署</el-button>
|
|
|
- <el-button>实验分析</el-button>
|
|
|
+ <el-button style="background-color: #70a5c9;color: white">田间规划</el-button>
|
|
|
+ <el-button style="background-color: #bec0c0;color: white">实验设计</el-button>
|
|
|
+ <el-button style="background-color: #bec0c0;color: white">采集部署</el-button>
|
|
|
+ <el-button style="background-color: #bec0c0;color: white">实验分析</el-button>
|
|
|
</el-button-group>
|
|
|
|
|
|
<div class="text-with-icons">
|
|
@@ -137,7 +137,8 @@ export default {
|
|
|
align-items: center;
|
|
|
justify-content: flex-start;
|
|
|
flex-wrap: wrap;
|
|
|
- padding: 0px 50px;
|
|
|
+ padding-left:50px;
|
|
|
+ padding-right: 150px;
|
|
|
margin-top: -15px;
|
|
|
margin-bottom: -15px;
|
|
|
height: 50px;
|
|
@@ -182,6 +183,20 @@ export default {
|
|
|
border: none;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
+.icon-button-home{
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ padding-left: 70px;
|
|
|
+ background-size: contain;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
+
|
|
|
+ border: none;
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+.home-button{
|
|
|
+ background-image: url("../image/主页.png");
|
|
|
+}
|
|
|
|
|
|
.first-button {
|
|
|
margin-left: 40px;
|
|
@@ -189,27 +204,27 @@ export default {
|
|
|
}
|
|
|
|
|
|
.second-button {
|
|
|
- margin-left: 40px;
|
|
|
+ margin-left: 20px;
|
|
|
background-image: url('../image/农场.png');
|
|
|
}
|
|
|
|
|
|
.third-button {
|
|
|
- margin-left: 40px;
|
|
|
+ margin-left: 20px;
|
|
|
background-image: url('../image/小区编组.png');
|
|
|
}
|
|
|
|
|
|
.four-button {
|
|
|
- margin-left: 40px;
|
|
|
+ margin-left: 20px;
|
|
|
background-image: url('../image/自由路块.png');
|
|
|
}
|
|
|
|
|
|
.five-button {
|
|
|
- margin-left: 40px;
|
|
|
+ margin-left: 20px;
|
|
|
background-image: url('../image/作业路.png');
|
|
|
}
|
|
|
|
|
|
.six-button {
|
|
|
- margin-left: 40px;
|
|
|
+ margin-left: 20px;
|
|
|
background-image: url('../image/农场列表.png')
|
|
|
}
|
|
|
|
|
@@ -220,6 +235,7 @@ export default {
|
|
|
color: black; /* 设置字体颜色 */
|
|
|
background-color: transparent; /* 背景透明 */
|
|
|
cursor: default; /* 鼠标样式不变 */
|
|
|
+ margin-top: 8px;
|
|
|
}
|
|
|
|
|
|
.top-menu-bar {
|