Просмотр исходного кода

Merge branch 'master' of http://62.234.223.238:3000/earthworm/earthworm_com_vue

AJNB 2 месяцев назад
Родитель
Сommit
1ea3b436fd
2 измененных файлов с 27 добавлено и 11 удалено
  1. 27 11
      src/views/enterprise/menu.vue
  2. BIN
      src/views/image/主页.png

+ 27 - 11
src/views/enterprise/menu.vue

@@ -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 {

BIN
src/views/image/主页.png