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 +++++++++++++++++++++++++---------- 1 files changed, 51 insertions(+), 21 deletions(-) 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