Browse Source

list 색 추가

whakdo963 2 years ago
parent
commit
ebdf72d09f

+ 3 - 2
src/main/webapp/mobile/app/mrtnmng/MRTNMNG01010.html

@@ -179,8 +179,9 @@
179
 				                 <div class="amt fnUnitAmt">12,000,000</div>
179
 				                 <div class="amt fnUnitAmt">12,000,000</div>
180
 			                 </div>
180
 			                 </div>
181
                         </div>
181
                         </div>
182
-                        <div class="scroll_right">
183
-                            <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
182
+                       <div class="scroll_right">
183
+                        	<input id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD" type="checkbox">
184
+                            <!-- <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button> -->
184
                         </div>
185
                         </div>
185
 						<div class="right">
186
 						<div class="right">
186
 							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
187
 							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>

+ 4 - 2
src/main/webapp/mobile/css/style.css

@@ -100,6 +100,7 @@ section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding:
100
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
100
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
101
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14px; color:#b88278;}
101
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14px; color:#b88278;}
102
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
102
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
103
+section .popup2 .pop .popup_scroll li .scroll_right input[type=checkbox]{margin:18px 11px 0 11px;}
103
 section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height: 38px; padding: 0; background:#8f9fc6; border:1px solid #cacfe3; color:#eee; border-radius: 10px; font-size: 14px; margin:16px 10px;}
104
 section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height: 38px; padding: 0; background:#8f9fc6; border:1px solid #cacfe3; color:#eee; border-radius: 10px; font-size: 14px; margin:16px 10px;}
104
 section .popup2 .pop .popup_scroll li .scroll_right button:hover {background:#708cd1;}
105
 section .popup2 .pop .popup_scroll li .scroll_right button:hover {background:#708cd1;}
105
 section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:16px; height:38px;}
106
 section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:16px; height:38px;}
@@ -431,8 +432,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
431
 
432
 
432
 .scroll_area ul.mb_0 {margin-bottom:0 !important;}
433
 .scroll_area ul.mb_0 {margin-bottom:0 !important;}
433
 .scroll_area .itp_non_data {margin:35% auto;}
434
 .scroll_area .itp_non_data {margin:35% auto;}
434
-.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
435
 
435
 
436
+.scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
437
+.scroll_area li.check {background:#E6EFF4;}
436
 .scroll_area li.list-row {display: inline-flex; height:76px;}
438
 .scroll_area li.list-row {display: inline-flex; height:76px;}
437
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}
439
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}
438
 
440
 
@@ -512,7 +514,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
512
 .scroll_area li .left .nomal .col_5{min-width:50px;}
514
 .scroll_area li .left .nomal .col_5{min-width:50px;}
513
 
515
 
514
 .scroll_area li .right {margin: 22px 10px 22px 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
516
 .scroll_area li .right {margin: 22px 10px 22px 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
515
-.scroll_area li .right .num {padding:6px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
517
+.scroll_area li .right .num {padding:6px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB; background:#fff;}
516
 .scroll_area li .right .fnnum {margin:10px 30px;}
518
 .scroll_area li .right .fnnum {margin:10px 30px;}
517
 .scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
519
 .scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
518
 .scroll_area li .right button:hover {background:#FCD5C1;}
520
 .scroll_area li .right button:hover {background:#FCD5C1;}