From 370556a52a17f5cb8a77e6ada7317c5577a71f40 Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期一, 01 六月 2020 14:05:06 +0800
Subject: [PATCH] #
---
src/main/webapp/views/crn.html | 34 ++++++++++------
src/main/webapp/static/css/crn.css | 58 ++++++++++++++++++++++++++---
2 files changed, 73 insertions(+), 19 deletions(-)
diff --git a/src/main/webapp/static/css/crn.css b/src/main/webapp/static/css/crn.css
index 9552e44..85d7148 100644
--- a/src/main/webapp/static/css/crn.css
+++ b/src/main/webapp/static/css/crn.css
@@ -3,7 +3,7 @@
background-color: #f1f1f1;
}
-/* 绗竴妯″潡 */
+/* -------------------- 绗竴妯″潡 -------------------- */
.log-board {
background-color: #fff;
border-radius: 5px;
@@ -73,7 +73,7 @@
background: #F5FAFA;
}
-/* 绗簩妯″潡 */
+/* -------------------- 绗簩妯″潡 -------------------- */
.crn-msg {
overflow: hidden;
margin-top: 10px;
@@ -105,7 +105,7 @@
background: #fff;
}
-/* 绗笁妯″潡 */
+/* -------------------- 绗笁妯″潡 -------------------- */
.crn-operation {
margin-top: 10px;
height: 25%;
@@ -118,7 +118,6 @@
.task-select {
height: 50%;
overflow: hidden;
- border-bottom: 1px solid #d1d1d1;
padding: 20px 0px 10px 30px;
}
.operator-item {
@@ -165,11 +164,55 @@
padding: 0 10px;
}
.select-container-item input {
+ border: 1px solid #8D8D8D;
+ border-radius: 3px;
width: 80px;
+ outline: none;
}
-/* 绗洓妯″潡 */
+/* 浠诲姟浣滀笟閫夋嫨妗� */
+.task-operator {
+ height: 50%;
+ overflow: hidden;
+ padding: 0 20px 10px 20px;
+}
+.task-operator fieldset {
+ padding: 5px 20px;
+ border-width: 1px;
+ border-style: solid;
+ height: 100%;
+}
+.task-operator legend {
+ margin-left: 20px;
+ padding: 0 10px;
+ font-size: 16px;
+ font-weight: 300;
+}
+.button-group {
+ margin-top: 10px;
+ margin-left: 30px;
+}
+button.item {
+ border: 1px solid #333;
+ font-size: 13px;
+ padding: 1px 1px 1px 1px;
+ width: 100px;
+ height: 40px;
+ outline: none;
+ cursor: pointer;
+ color: #333;
+ background-color: transparent;
+ margin-right: 5px;
+ border-radius: 5px;
+}
+button.item:hover {
+ background-color: #333;
+ color: #fff;
+}
+
+/* -------------------- 绗洓妯″潡 -------------------- */
.crn-output-board {
+ /*padding: 10px;*/
margin-top: 10px;
height: 23%;
background-color: #fff;
@@ -177,7 +220,10 @@
box-shadow: 0 0 3px rgba(0,0,0,.3);
}
#crn-output {
- border: 1px solid #b9b9b9;
+ border-left: none;
+ border-right: none;
+ border-top: 1px solid #9d9d9d;
+ border-bottom: 1px solid #333;
width: 100%;
height: 100%;
overflow: auto;
diff --git a/src/main/webapp/views/crn.html b/src/main/webapp/views/crn.html
index 127eba8..f474c24 100644
--- a/src/main/webapp/views/crn.html
+++ b/src/main/webapp/views/crn.html
@@ -12,12 +12,6 @@
<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
<style>
- /* 浠诲姟浣滀笟閫夋嫨妗� */
- .task-operator {
- height: 50%;
- overflow: hidden;
- }
-
</style>
</head>
<body>
@@ -106,15 +100,15 @@
</div>
<div class="select-container-item">
<span>鎺�</span>
- <label><input type="number" name="points" min="0" /></label>
+ <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
</div>
<div class="select-container-item">
<span>鍒�</span>
- <label><input type="number" name="points" min="0" /></label>
+ <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
</div>
<div class="select-container-item">
<span>灞�</span>
- <label><input type="number" name="points" min="0" /></label>
+ <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
</div>
</div>
</div>
@@ -128,15 +122,15 @@
</div>
<div class="select-container-item">
<span>鎺�</span>
- <label><input type="number" name="points" min="0" /></label>
+ <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
</div>
<div class="select-container-item">
<span>鍒�</span>
- <label><input type="number" name="points" min="0" /></label>
+ <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
</div>
<div class="select-container-item">
<span>灞�</span>
- <label><input type="number" name="points" min="0" /></label>
+ <label><input type="number" name="points" min="0" style="background-color: #a9eeff" /></label>
</div>
</div>
</div>
@@ -144,7 +138,21 @@
<!-- 璁惧浠诲姟鎿嶄綔 -->
<div class="task-operator">
-
+ <fieldset>
+ <legend>鎵嬪姩鎿嶄綔</legend>
+ <div class="button-group">
+ <button class="item">鍏ュ簱</button>
+ <button class="item">鍑哄簱</button>
+ <button class="item">搴撲綅杞Щ</button>
+ <button class="item">绔欏埌绔�</button>
+ <button class="item">鍧愭爣绉诲姩</button>
+ <button class="item">鍥炲師鐐�</button>
+ <button class="item">浠诲姟瀹屾垚</button>
+ <button class="item">鏆傚仠</button>
+ <button class="item">鍚姩</button>
+ <button class="item">娓呴櫎鍛戒护</button>
+ </div>
+ </fieldset>
</div>
</div>
--
Gitblit v1.9.1