From 0a936b5550c0d2b2125977fb8f956720b7ed0e4c Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期六, 27 六月 2020 16:25:12 +0800 Subject: [PATCH] # --- src/main/webapp/views/pda/matQuery.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 50 insertions(+), 3 deletions(-) diff --git a/src/main/webapp/views/pda/matQuery.html b/src/main/webapp/views/pda/matQuery.html index c12fdec..bbad7ed 100644 --- a/src/main/webapp/views/pda/matQuery.html +++ b/src/main/webapp/views/pda/matQuery.html @@ -33,9 +33,42 @@ margin-left: 10px; padding-left: 5px; height: 20px; + border: 1px solid #777777; + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; } - .form-box button { + #confirm { padding: 5px 20px; + } + + .number-tool { + margin-left: 10px; + padding: 1px 0 1px 5px; + display: inline-block; + width: 120px; + } + .number-tool:after { + clear: both; + content: ""; + display: table; + } + .number-tool button { + background-color: #fff; + margin-top: 2px; + font-size: 13px; + height: 18px; + float: left; + width: 20px; + border: 1px solid #777777; + } + .number-tool input { + text-align: center; + height: 20px; + float: left; + margin: 0 5px; + width: 30px; + padding: 0; } </style> </head> @@ -59,14 +92,18 @@ <input type="text" disabled="disabled"> </div> <div class="form-item"> - <span>鏁伴噺</span> - <input type="number" > + <span style="vertical-align: middle">鏁伴噺</span> + <div class="number-tool" style="vertical-align: middle"> + <button onclick="add()">+</button><input id="count" type="number" value="1"><button onclick="reduce()">-</button> + </div> + </div> <button id="confirm">鎻愬彇</button> </div> </body> <script> + var countDom = $('#count'); var pageCurr; layui.use(['table','laydate', 'form'], function() { var table = layui.table; @@ -87,5 +124,15 @@ } }); + function add() { + countDom.val(Number(countDom.val()) + 1); + } + function reduce() { + if (countDom.val() <= 0) { + return; + } + countDom.val(countDom.val() - 1); + } + </script> </html> \ No newline at end of file -- Gitblit v1.9.1