| | |
| | | <view class="form"> |
| | | <view class="clo"> |
| | | <view class="label"> |
| | | <text>真实姓名</text> |
| | | <text>持卡人姓名</text> |
| | | </view> |
| | | <view class="inp_box"> |
| | | <input maxlength="8" v-model="cardName" class="inp" placeholder="请填写真实姓名" /> |
| | | <input maxlength="8" v-model="cardName" class="inp" placeholder="请填写持卡人姓名" /> |
| | | </view> |
| | | |
| | | </view> |
| | |
| | | </view> |
| | | <view class="clo"> |
| | | <view class="label"> |
| | | <view>银行预留手机号</view> |
| | | <view>预留手机号</view> |
| | | </view> |
| | | <view class="inp_box" style="position: relative;"> |
| | | <input maxlength="11" v-model="cardPhone" class="inp" placeholder="请填写手机号" /> |
| | |
| | | </view> |
| | | <view class="clo" v-if="getPayBindCardInfo.length && !getPayBindCardInfo[0].bindStatus"> |
| | | <view class="label"> |
| | | <text>验证码</text> |
| | | <text>手机验证码</text> |
| | | </view> |
| | | <view class="inp_box" style="position: relative;"> |
| | | <input maxlength="6" v-model="verificationCode" class="inp" type="number" placeholder="请填写验证码" /> |
| | |
| | | </view> |
| | | <view class="inp_box"> |
| | | <view style="font-size: 28rpx;width: 670rpx;height: 100rpx;border: 1px solid #EEEEEE;border-radius: 20rpx;padding-left: 20rpx;line-height: 100rpx;" v-if="addressStr">{{addressStr}}</view> |
| | | <view style="font-size: 28rpx;color: #BDBDBE;width: 670rpx;height: 100rpx;border: 1px solid #EEEEEE;border-radius: 20rpx;padding-left: 20rpx;line-height: 100rpx;" v-else>请填写收货地址</view> |
| | | <view style="font-size: 28rpx;color: #BDBDBE;width: 670rpx;height: 100rpx;border: 1px solid #EEEEEE;border-radius: 20rpx;padding-left: 20rpx;line-height: 100rpx;" v-else>请填写详细地址</view> |
| | | </view> |
| | | |
| | | </view> |
| | |
| | | </view>--> |
| | | |
| | | <view style=" padding: 0 30rpx;margin-top: 30rpx;"> |
| | | <view style="display: flex;"> |
| | | <view style="display: flex;align-items: center;"> |
| | | <uv-checkbox-group |
| | | activeColor="red" |
| | | activeColor="#4766FE" |
| | | iconSize="20" |
| | | shape="circle" |
| | | v-model="protocolChecked"> |
| | | <uv-checkbox size="14" :name="1" > |
| | | |
| | | </uv-checkbox> |
| | | <uv-checkbox size="22" :name="1" > |
| | | <text class="protocol-text" > |
| | | 我已阅读并同意 |
| | | <text style="font-size: 24rpx;" class="link-text" @click="$refs.agreement.open()">《相关协议》</text> |
| | | </text> |
| | | </uv-checkbox> |
| | | <text style="font-size: 24rpx;" class="link-text" @click="$refs.agreement.open()">《相关协议》</text> |
| | | </uv-checkbox-group> |
| | | |
| | | </view> |
| | |
| | | </template> |
| | | |
| | | <style scoped lang="scss"> |
| | | .uv-checkbox-group--row { |
| | | align-items: center; |
| | | } |
| | | .a3{ |
| | | color: #BDBDBE; |
| | | font-size: 30rpx; |
| | |
| | | |
| | | .sub{ |
| | | |
| | | width: 100%; |
| | | width: 690rpx; |
| | | bottom: 50rpx; |
| | | padding: 0 30rpx; |
| | | margin-top: 40rpx; |
| | | .sub_btn{ |
| | | background: #EE2626; |
| | | background: #4766FE; |
| | | border-radius: 50rpx 50rpx 50rpx 50rpx; |
| | | padding: 10rpx; |
| | | |
| | |
| | | color: #BDBDBE; |
| | | } |
| | | .protocol-text { |
| | | width: calc( 100% - 44rpx); |
| | | font-size: 24rpx; |
| | | color: #8B8D96; |
| | | line-height: 28rpx; |