Commit b9b9077a068874e88ca4e67cb6ff1e980db1331c
1 parent
f6c06807
出场结算页面 新建输入框
Showing
1 changed file
with
46 additions
and
3 deletions
pay.html
| @@ -30,6 +30,42 @@ | @@ -30,6 +30,42 @@ | ||
| 30 | Learn how to configure a non-root public URL by running `npm run build`. | 30 | Learn how to configure a non-root public URL by running `npm run build`. |
| 31 | --> | 31 | --> |
| 32 | <title>订单支付</title> | 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 | </head> | 69 | </head> |
| 34 | <body> | 70 | <body> |
| 35 | <!--<noscript>--> | 71 | <!--<noscript>--> |
| @@ -50,9 +86,16 @@ | @@ -50,9 +86,16 @@ | ||
| 50 | <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div> | 86 | <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div> |
| 51 | <div><span>订单编号: </span><span id="orderNum">1234567890</span> </div> | 87 | <div><span>订单编号: </span><span id="orderNum">1234567890</span> </div> |
| 52 | </section> | 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 | <section id="section" class="marginTop"> | 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 | </div> | 99 | </div> |
| 57 | <div class="row marginTop"> | 100 | <div class="row marginTop"> |
| 58 | <!--AliPay--> | 101 | <!--AliPay--> |
| @@ -82,7 +125,7 @@ | @@ -82,7 +125,7 @@ | ||
| 82 | <div class="btnOK" id="btnPayOK">确定支付</div> | 125 | <div class="btnOK" id="btnPayOK">确定支付</div> |
| 83 | <img src="img/loading.gif" id="loading" style="display: none;" /> | 126 | <img src="img/loading.gif" id="loading" style="display: none;" /> |
| 84 | </footer> | 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 | This HTML file is a template. | 131 | This HTML file is a template. |