From 0b232db982fd452c805e0c823416c106fe63b4ca Mon Sep 17 00:00:00 2001
From: lsh <lsh@163.com>
Date: 星期三, 23 十月 2024 15:13:59 +0800
Subject: [PATCH] *
---
src/main/webapp/views/index.html | 50 ++++++++++++++++++++++++++------------------------
1 files changed, 26 insertions(+), 24 deletions(-)
diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html
index 0b16eeb..e58f38b 100644
--- a/src/main/webapp/views/index.html
+++ b/src/main/webapp/views/index.html
@@ -86,8 +86,8 @@
.task-bar-left {
position: fixed;
- top: 10%;
- transform: translateY(-50%);
+ top: 1%;
+ /*transform: translateY(-50%);*/
width: 25%; /* 璁剧疆瀹藉害 */
background-color: rgba(255, 255, 255, 0); /* 鍗婇�忔槑鑳屾櫙 */
@@ -99,8 +99,8 @@
.task-bar-right {
position: fixed;
- top: 20%;
- transform: translateY(-50%);
+ top: 1%;
+ /*transform: translateY(-50%);*/
width: 25%; /* 璁剧疆瀹藉害 */
background-color: rgba(255, 255, 255, 0); /* 鍗婇�忔槑鑳屾櫙 */
@@ -111,16 +111,18 @@
}
.task-bar-div1 {
- width: 100%; /* 璁剧疆瀹藉害 */
+ /*width: 100%; !* 璁剧疆瀹藉害 *!*/
background-color: rgba(255, 255, 255, 0.8); /* 鍗婇�忔槑鑳屾櫙 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.left-task-bar {
left: 20px; /* 璺濈宸﹁竟鐨勮窛绂� */
+ /*bottom: 100px;*/
}
.right-task-bar {
+ /*bottom: 100px;*/
right: 20px; /* 璺濈鍙宠竟鐨勮窛绂� */
}
@@ -153,7 +155,18 @@
<!-- Left Task Bar -->
<div class="task-bar-left left-task-bar" >
- <div v-if="valueLeft === '100' " class="task-bar-div1" style="margin-top: 200px">
+ <div>
+ <el-tooltip :content="'Switch value: ' + valueLeft" placement="top">
+ <el-switch
+ v-model="valueLeft"
+ active-color="#13ce66"
+ inactive-color="#ff4949"
+ active-value="100"
+ inactive-value="0">
+ </el-switch>
+ </el-tooltip>
+ </div>
+ <div v-if="valueLeft === '100' " class="task-bar-div1">
<el-table
:data="tableDataLeft"
style="width: 100%"
@@ -197,10 +210,14 @@
</el-table-column>
</el-table>
</div>
+ </div>
+
+ <!-- Right Task Bar -->
+ <div class="task-bar-right right-task-bar">
<div>
- <el-tooltip :content="'Switch value: ' + valueLeft" placement="top">
+ <el-tooltip :content="'Switch value: ' + valueRight" placement="top">
<el-switch
- v-model="valueLeft"
+ v-model="valueRight"
active-color="#13ce66"
inactive-color="#ff4949"
active-value="100"
@@ -208,11 +225,7 @@
</el-switch>
</el-tooltip>
</div>
- </div>
-
- <!-- Right Task Bar -->
- <div class="task-bar-right right-task-bar">
- <div v-if="valueRight === '100' " class="task-bar-div1" style="margin-top: 200px">
+ <div v-if="valueRight === '100' " class="task-bar-div1">
<el-table
:data="tableDataRight"
style="width: 100%"
@@ -240,17 +253,6 @@
<el-button type="primary" icon="el-icon-edit" circle></el-button>
</el-table-column>
</el-table>
- </div>
- <div>
- <el-tooltip :content="'Switch value: ' + valueRight" placement="top">
- <el-switch
- v-model="valueRight"
- active-color="#13ce66"
- inactive-color="#ff4949"
- active-value="100"
- inactive-value="0">
- </el-switch>
- </el-tooltip>
</div>
</div>
</div>
--
Gitblit v1.9.1