From 3ef47d09ac33ef103c3d12488654a02f4c955d99 Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期五, 29 五月 2020 14:34:44 +0800
Subject: [PATCH] #
---
src/main/webapp/views/console.html | 72 +++++++++++++++++++++++++----------
src/main/webapp/static/css/console.css | 14 ++++++-
2 files changed, 63 insertions(+), 23 deletions(-)
diff --git a/src/main/webapp/static/css/console.css b/src/main/webapp/static/css/console.css
index d195ebf..fd2cafc 100644
--- a/src/main/webapp/static/css/console.css
+++ b/src/main/webapp/static/css/console.css
@@ -25,15 +25,19 @@
border-top: 1px solid #333!important;
border-bottom: 1px solid #333!important;
border-left: 1px solid #333!important;
+ border-right: 1px solid #333!important;
border-right: none;
}
.stock-group .item:last-child {
- border-right: 1px solid #333!important;
+ /*border-right: 1px solid #333!important;*/
}
.stock-group::after, .stock-group::before {
content: "";
display: table;
clear: both;
+}
+.stock-group .site {
+ float: left;
}
button.item {
font-size: 13px;
@@ -72,4 +76,10 @@
width: 100%;
margin-top: 10px;
z-index: -1;
-}
\ No newline at end of file
+}
+
+
+/* 杈撻�佺嚎鐩稿叧 */
+.site:hover {
+ opacity: 0.7;
+}
diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html
index 29e9ab5..7c185eb 100644
--- a/src/main/webapp/views/console.html
+++ b/src/main/webapp/views/console.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <title>Title</title>
+ <title>WCS鎺у埗涓績</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
@@ -10,30 +10,42 @@
<link rel="stylesheet" type="text/css" href="../static/css/common.css">
<link rel="stylesheet" type="text/css" href="../static/css/console.css">
<style>
- .main-part {
- position: absolute;
- top: 100px;
- left: 400px;
- /*transform: translate(-50%, 0);*/
- }
-
/* 绔欑偣 */
.site {
+ border: 1px transparent;
+ border-radius: 3px;
cursor: pointer;
width: 50px;
text-align: center;
background-color: #21ff3a;
font-size: 13px;
- float: left;
}
- .site:hover {
- opacity: 0.7;
- }
- /* 鏃犳晥绔欑偣 */
+ /* 鏃犳晥绔欑偣锛堝繀椤诲湪site涓嬮潰锛� */
.site-none {
+ border: none;
background-color: transparent;
}
+ .main-part {
+ position: absolute;
+ top: 200px;
+ left: 400px;
+ /*transform: translate(-50%, 0);*/
+ }
+
+ /* 杈撻�佺嚎绗竴鍒� */
+ .site-row-1 {
+
+ }
+ /* 杈撻�佺嚎绗簩鍒� */
+ .site-row-2 {
+ position: absolute;
+ left: 300px;
+ top: 220px;
+ }
+ .site-row-2 .site {
+ width: 100px;
+ }
</style>
</head>
@@ -44,15 +56,25 @@
<main>
<!-- 宸﹁緭閫佺嚎 -->
- <div class="line-left">
- <!-- 绗竴鍒� -->
- <div class="row-1">
+ <!-- 绗竴鍒� -->
+ <div class="site-row-1">
- </div>
- <!-- 绗簩鍒� -->
- <div class="row-2">
-
- </div>
+ </div>
+ <!-- 绗簩鍒� -->
+ <div class="site-row-2">
+ <div id="site-32" class="site">32</div>
+ <div id="site-31" class="site">31</div>
+ <div id="site-30" class="site">30</div>
+ <div id="site-23" class="site">23</div>
+ <div id="site-22" class="site">22</div>
+ <div id="site-20" class="site">20</div>
+ <div id="site-19" class="site">19</div>
+ <div id="site-17" class="site">17</div>
+ <div id="site-16" class="site">16</div>
+ <div id="site-15" class="site">15</div>
+ <div id="site-13" class="site">13</div>
+ <div id="site-12" class="site">12</div>
+ <div id="site-10" class="site">10</div>
</div>
@@ -87,6 +109,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<div class="stock-group">
<div id="site-21" class="site">21</div>
@@ -114,6 +137,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<!-- 鍫嗗灈鏈� -->
<div class="crn">
@@ -147,6 +171,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<div class="stock-group">
<div class="site site-none"> </div>
@@ -174,6 +199,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<br>
@@ -206,6 +232,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<div class="stock-group">
<div id="site-14" class="site">14</div>
@@ -233,6 +260,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<!-- 鍫嗗灈鏈� -->
<div class="crn">
@@ -266,6 +294,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
<div class="stock-group">
<div class="site site-none"> </div>
@@ -293,6 +322,7 @@
<button class="item">22</button>
<button class="item">23</button>
<button class="item">24</button>
+ <div class="site site-none"> </div>
</div>
</div>
--
Gitblit v1.9.1