Commit b9b9077a068874e88ca4e67cb6ff1e980db1331c
1 parent
f6c06807
出场结算页面 新建输入框
Showing
1 changed file
with
46 additions
and
3 deletions
pay.html
| ... | ... | @@ -30,6 +30,42 @@ |
| 30 | 30 | Learn how to configure a non-root public URL by running `npm run build`. |
| 31 | 31 | --> |
| 32 | 32 | <title>订单支付</title> |
| 33 | + <style> | |
| 34 | + .discountBox{ | |
| 35 | + border: 0; | |
| 36 | + outline: 0; | |
| 37 | + width: calc(100% - 120px); | |
| 38 | + height:28px; | |
| 39 | + line-height: 28px; | |
| 40 | + padding-left: 10px; | |
| 41 | + background:rgba(240,244,245,1); | |
| 42 | + border-radius:4px; | |
| 43 | + display: inline-block; | |
| 44 | + float: left; | |
| 45 | + color: #8a8a8a; | |
| 46 | + } | |
| 47 | + .discountBox:focus{ | |
| 48 | + border: 0; | |
| 49 | + outline: 0; | |
| 50 | + } | |
| 51 | + .discountBtn{ | |
| 52 | + display: inline-block; | |
| 53 | + float: right; | |
| 54 | + border: none; | |
| 55 | + outline: none; | |
| 56 | + -webkit-appearance: none; | |
| 57 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 58 | + border: 1px solid #75CBBE; | |
| 59 | + border-radius:25px ; | |
| 60 | + padding: 4px 20px; | |
| 61 | + font-size: 14px; | |
| 62 | + color: #75CBBE; | |
| 63 | + background: #fff; | |
| 64 | + } | |
| 65 | + .discount-tip{ | |
| 66 | + color: #EB453B; | |
| 67 | + } | |
| 68 | + </style> | |
| 33 | 69 | </head> |
| 34 | 70 | <body> |
| 35 | 71 | <!--<noscript>--> |
| ... | ... | @@ -50,9 +86,16 @@ |
| 50 | 86 | <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div> |
| 51 | 87 | <div><span>订单编号: </span><span id="orderNum">1234567890</span> </div> |
| 52 | 88 | </section> |
| 89 | + <div class="row marginTop"> | |
| 90 | + <div style="overflow: hidden"> | |
| 91 | + <input class="discountBox" type="text" placeholder="请输入优惠券编号" maxlength="20"> | |
| 92 | + <button class="discountBtn">兑换</button> | |
| 93 | + </div> | |
| 94 | + <div class="discount-tip">注意：</div> | |
| 95 | + </div> | |
| 53 | 96 | <section id="section" class="marginTop"> |
| 54 | - <div class="flexBoxRow"> | |
| 55 | - <span class="payWayTitle">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span> | |
| 97 | + <div class="flexBoxRow" > | |
| 98 | + <span class="payWayTitle" style="padding-left: 10px;">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span> | |
| 56 | 99 | </div> |
| 57 | 100 | <div class="row marginTop"> |
| 58 | 101 | <!--AliPay--> |
| ... | ... | @@ -82,7 +125,7 @@ |
| 82 | 125 | <div class="btnOK" id="btnPayOK">确定支付</div> |
| 83 | 126 | <img src="img/loading.gif" id="loading" style="display: none;" /> |
| 84 | 127 | </footer> |
| 85 | - <section id="payTip" style="padding: 5px;margin-top:5px; color: #3385ff; font-size: 14px; "></section> | |
| 128 | + <section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section> | |
| 86 | 129 | |
| 87 | 130 | <!-- |
| 88 | 131 | This HTML file is a template. | ... | ... |