绑卡页面修改

src/main/webapp/resources/view/pinganPay/forstore/bindCard.html

@@ -1 +1,222 @@
-<div>绑卡页面</div>
+<style>
+    .bind-card {
+        width: 1027px;
+        margin: 0 auto;
+    }
+    .bind-card > p {
+        height: 60px;
+        line-height: 60px;
+        width: 1009px;
+        padding-left: 17px;
+        margin: 0 auto;
+        font-size: 16px;
+        border-bottom: 1px solid #5078cb;
+    }
+    .bind-card .step-row {
+        margin: 11px 18px;
+        font-size: 14px;
+    }
+    .bind-card .step-row i {
+        background: url(static/img/pingan/bind-step-bg.png) no-repeat;
+        height: 19px;
+        width: 19px;
+        display: inline-block;
+        text-align: center;
+        line-height: 19px;
+        font-style: normal;
+        color: #fff;
+        font-size: 14px;
+        background-size: 19px 19px;
+        margin-right: 9px;
+    }
+    .bind-card .step-content {
+        background: #fdf9f6;
+        width: 987px;
+        margin: 0 auto;
+        border-radius: 5px;
+    }
+    .bind-card .card-lists {
+        position: relative;
+        padding: 23px 0 23px 15px;
+    }
+    .bind-card .card-lists .card-list-item {
+        width: 224px;
+        display: inline-block;
+        margin-right: 20px;
+        margin-bottom: 17px;
+    }
+    .bind-card .card-lists .card-list-item:nth-child(4n) {
+        margin-right: 0;
+    }
+    .bind-card .card-lists .card-list-item .card-info {
+        border: 1px solid #e5e5e5;
+        width: 202px;
+        height: 43px;
+        line-height: 43px;
+        display: inline-block;
+        font-size: 14px;
+        background: #fff;
+        border-radius: 3px;
+    }
+    .bind-card .card-lists .card-list-item .card-info img {
+        margin: 0 10px;
+    }
+    .bind-card .card-lists a {
+        display: block;
+        text-align: center;
+        position: absolute;
+        width: 100%;
+        bottom: 0;
+        border-bottom: 1px dashed #ffdcc1;
+        color: #f44c0a;
+        font-size: 12px;
+    }
+    .bind-card .card-type {
+        font-size: 14px;
+        padding: 18px 15px;
+    }
+    .bind-card .card-type > div {
+        display: inline-block;
+        margin-right: 73px;
+    }
+    .bind-card .card-type span {
+        font-size: 12px;
+    }
+</style>
+<div class="bind-card">
+    <p>绑定银行卡服务</p>
+    <div class="step-row">
+        <i>1</i>请选择银行卡发行
+    </div>
+    <div class="card-lists step-content">
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <div class="card-list-item">
+            <label class="com-check-radio">
+                <input type="radio" name="radio" checked="checked">
+                <label></label>
+            </label>
+            <div class="card-info">
+                <img src="static/img/pingan/bank/bank-china.png" alt="">
+                <span>中国银行</span>
+            </div>
+        </div>
+        <a href="">查看更多</a>
+    </div>
+    <div class="step-row">
+        <i>2</i>我的银行卡是
+    </div>
+    <div class="step-content card-type">
+        <div>
+            <label class="com-check-radio">
+                <input type="radio" name="cardType" checked="checked">
+                <label></label>
+            </label>
+            储蓄卡<span>(借记卡)</span>
+        </div>
+        <div>
+            <label class="com-check-radio">
+                <input type="radio" name="cardType">
+                <label></label>
+            </label>
+            信用卡<span>(贷记卡)</span>
+        </div>
+    </div>
+    <div class="step-row">
+        <i>3</i>是否已开通网上银行
+    </div>
+    <div class="step-content card-type">
+        <div>
+            <label class="com-check-radio">
+                <input type="radio" name="isOpenNetBank" checked="checked">
+                <label></label>
+            </label>
+            未开通，或不清楚
+        </div>
+        <div>
+            <label class="com-check-radio">
+                <input type="radio" name="isOpenNetBank">
+                <label></label>
+            </label>
+            已开通
+        </div>
+    </div>
+</div>