|
@@ -10,44 +10,87 @@
|
|
<view class="pay-mouth">套餐:{{ handelPayMsg.duration }}个月</view>
|
|
<view class="pay-mouth">套餐:{{ handelPayMsg.duration }}个月</view>
|
|
</view>
|
|
</view>
|
|
<view class="pay-check">
|
|
<view class="pay-check">
|
|
- <view class="check-title"><view class="text">选择支付方式</view></view>
|
|
|
|
<view class="pay-checked">
|
|
<view class="pay-checked">
|
|
- <view class="pay-item" :class="{ current: tabCurrentIndex === 0 }" @click="tabClick(0)">
|
|
|
|
- <view class="item-l">
|
|
|
|
|
|
+ <view class="pay-card-main" v-if="cardsList.length > 0">
|
|
|
|
+ <view class="pay-item-cell" @click="tabClick(3)">
|
|
|
|
+ <view class="item-icon">
|
|
|
|
+ <image
|
|
|
|
+ :src="
|
|
|
|
+ 'https://static.caimei365.com/app/img/pay/icon_' +
|
|
|
|
+ defaultCards.bankCode +
|
|
|
|
+ '_@2x.png'
|
|
|
|
+ "
|
|
|
|
+ ></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="item-texts"
|
|
|
|
+ >{{ defaultCards.bankName }}(
|
|
|
|
+ {{ defaultCards.quickPayBankNumber | bankNumeberFilter }} )</view
|
|
|
|
+ >
|
|
|
|
+ <view class="item-checked">
|
|
|
|
+ <text
|
|
|
|
+ class="iconfont"
|
|
|
|
+ :class="[tabCurrentIndex === 3 ? 'icon-yixuanze3' : 'icon-weixuanze']"
|
|
|
|
+ ></text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="pay-item-cell add" @click="hanldeShowPopup(1)">
|
|
|
|
+ <view class="item-texts add"><text>查看全部银行卡 / 添加新卡支付</text></view>
|
|
|
|
+ <view class="item-checked"> <text class="iconfont icon-xiayibu"></text> </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="pay-item" @click="handleAddCard(2)" v-else>
|
|
|
|
+ <view class="pay-item-cell">
|
|
|
|
+ <view class="item-texts add"><text>添加银行卡快捷付款</text></view>
|
|
|
|
+ <view class="item-checked"> <text class="iconfont icon-xiayibu"></text> </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="pay-item" @click="tabClick(0)">
|
|
|
|
+ <view class="pay-item-cell">
|
|
<view class="item-icon"><text class="iconfont icon-weixinzhifu"></text></view>
|
|
<view class="item-icon"><text class="iconfont icon-weixinzhifu"></text></view>
|
|
<view class="item-texts"><text>微信支付</text></view>
|
|
<view class="item-texts"><text>微信支付</text></view>
|
|
|
|
+ <view class="item-checked">
|
|
|
|
+ <text
|
|
|
|
+ class="iconfont"
|
|
|
|
+ :class="[tabCurrentIndex === 0 ? 'icon-yixuanze3' : 'icon-weixuanze']"
|
|
|
|
+ ></text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="item-r"> <text class="iconfont icon-duigou"></text> </view>
|
|
|
|
</view>
|
|
</view>
|
|
- <view class="pay-item" :class="{ current: tabCurrentIndex === 1 }" @click="tabClick(1)">
|
|
|
|
- <view class="item-l">
|
|
|
|
|
|
+ <view class="pay-item" @click="tabClick(1)">
|
|
|
|
+ <view class="pay-item-cell">
|
|
<view class="item-icon"><text class="iconfont icon-qiyewangyinzhifu"></text></view>
|
|
<view class="item-icon"><text class="iconfont icon-qiyewangyinzhifu"></text></view>
|
|
- <view class="item-text">
|
|
|
|
- <view class="txt-p">企业网银支付</view> <view class="txt-t">需要在电脑端汇款</view>
|
|
|
|
|
|
+ <view class="item-texts"><text>企业网银支付</text></view>
|
|
|
|
+ <view class="item-checked">
|
|
|
|
+ <text
|
|
|
|
+ class="iconfont"
|
|
|
|
+ :class="[tabCurrentIndex === 1 ? 'icon-yixuanze3' : 'icon-weixuanze']"
|
|
|
|
+ ></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="item-r"> <text class="iconfont icon-duigou"></text> </view>
|
|
|
|
</view>
|
|
</view>
|
|
- <view class="pay-item" :class="{ current: tabCurrentIndex === 2 }" @click="tabClick(2)">
|
|
|
|
- <view class="item-l">
|
|
|
|
|
|
+ <view class="pay-item" @click="tabClick(2)">
|
|
|
|
+ <view class="pay-item-cell">
|
|
<view class="item-icon"><text class="iconfont icon-gerenwangyinzhifu"></text></view>
|
|
<view class="item-icon"><text class="iconfont icon-gerenwangyinzhifu"></text></view>
|
|
- <view class="item-text">
|
|
|
|
- <view class="txt-p">个人网银支付</view> <view class="txt-t">需要在电脑端汇款</view>
|
|
|
|
|
|
+ <view class="item-texts"><text>个人网银支付</text></view>
|
|
|
|
+ <view class="item-checked">
|
|
|
|
+ <text
|
|
|
|
+ class="iconfont"
|
|
|
|
+ :class="[tabCurrentIndex === 2 ? 'icon-yixuanze3' : 'icon-weixuanze']"
|
|
|
|
+ ></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="item-r"> <text class="iconfont icon-duigou"></text> </view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="pay-button">
|
|
|
|
- <view class="btn" @click.stop="payConfirmClick" :style="{ background: btnColor }">{{
|
|
|
|
- buttonText
|
|
|
|
- }}</view>
|
|
|
|
|
|
+ <view class="pay-button" :style="{ paddingBottom: isIphoneX ? '68rpx' : '24rpx' }">
|
|
|
|
+ <view class="btn" @click.stop="buttonSubMit" :style="{ background: btnColor }">{{ buttonText }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <!-- 选择快捷支付银行 -->
|
|
|
|
+ <cm-cards :show="popupShow1" :list="cardsList" @handleChoiceaCards="handleChoiceaCards" v-if="popupShow1"></cm-cards>
|
|
|
|
+ <!-- 网银链接说明弹窗 -->
|
|
<view class="alert spec" :class="specClass" v-if="isShowTip">
|
|
<view class="alert spec" :class="specClass" v-if="isShowTip">
|
|
- <!-- 选择支付弹窗说明 -->
|
|
|
|
<view class="payun-alert" @tap="hideTips">
|
|
<view class="payun-alert" @tap="hideTips">
|
|
<view class="content">
|
|
<view class="content">
|
|
<view class="title">
|
|
<view class="title">
|
|
@@ -70,25 +113,39 @@
|
|
import authorize from '@/common/config/authorize.js'
|
|
import authorize from '@/common/config/authorize.js'
|
|
const thorui = require('@/components/clipboard/clipboard.thorui.js')
|
|
const thorui = require('@/components/clipboard/clipboard.thorui.js')
|
|
import payMixins from '@/mixins/payMixins.js'
|
|
import payMixins from '@/mixins/payMixins.js'
|
|
|
|
+import cardMixins from '../pay/mixins/cardMixins.js'
|
|
|
|
+import cmCards from '../pay/components/cm-cards-popup'
|
|
export default {
|
|
export default {
|
|
- mixins: [payMixins],
|
|
|
|
|
|
+ mixins: [payMixins, cardMixins],
|
|
|
|
+ components: {
|
|
|
|
+ cmCards
|
|
|
|
+ },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
isIphoneX: this.$store.state.isIphoneX,
|
|
isIphoneX: this.$store.state.isIphoneX,
|
|
CustomBar: this.CustomBar, // 顶部导航栏高度
|
|
CustomBar: this.CustomBar, // 顶部导航栏高度
|
|
- tabCurrentIndex: 0,
|
|
|
|
isShowTip: false,
|
|
isShowTip: false,
|
|
- buttonText: '使用微信支付',
|
|
|
|
- btnColor: '#09BB07',
|
|
|
|
handelPayMsg: {},
|
|
handelPayMsg: {},
|
|
payType: 0,
|
|
payType: 0,
|
|
isPaySwitch: true,
|
|
isPaySwitch: true,
|
|
payParams: {
|
|
payParams: {
|
|
- payType:'XCX',
|
|
|
|
|
|
+ payType: 'XCX',
|
|
code: 0,
|
|
code: 0,
|
|
vipRecordId: 0
|
|
vipRecordId: 0
|
|
},
|
|
},
|
|
- payHttpUrl: 'https://www.caimei365.com'
|
|
|
|
|
|
+ payHttpUrl: 'https://www.caimei365.com',
|
|
|
|
+ popupShow1: false,
|
|
|
|
+ quickParams: {
|
|
|
|
+ userId: 0, //机构UserId
|
|
|
|
+ quickPayBankNumber: '', //快捷支付用户银行卡号/信用卡号
|
|
|
|
+ quickPayMobile: '', //快捷支付银行卡绑定手机号
|
|
|
|
+ quickPayBankExpireTime: '', //快捷支付信用卡过期时间,只包含年月,格式yy-MM
|
|
|
|
+ quickPayUserName: '', //快捷支付用户姓名
|
|
|
|
+ idCard: '', //身份证号
|
|
|
|
+ cvvCode: '', //信用卡安全码
|
|
|
|
+ quickPayFlag: 2,
|
|
|
|
+ vipRecordId: 0,
|
|
|
|
+ },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
@@ -121,14 +178,15 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
async initGetStotage(option) {
|
|
async initGetStotage(option) {
|
|
let data = JSON.parse(option.data)
|
|
let data = JSON.parse(option.data)
|
|
- this.payParams.vipRecordId = data.vipRecordId
|
|
|
|
|
|
+ this.payParams.vipRecordId = this.quickParams.vipRecordId = data.vipRecordId
|
|
this.handelPayMsg = data
|
|
this.handelPayMsg = data
|
|
this.PayOrderOnLineSwitch()
|
|
this.PayOrderOnLineSwitch()
|
|
|
|
+ this.GetUserClubBanks()
|
|
console.log(this.handelPayMsg)
|
|
console.log(this.handelPayMsg)
|
|
},
|
|
},
|
|
PayOrderOnLineSwitch() {
|
|
PayOrderOnLineSwitch() {
|
|
// 线上支付开关
|
|
// 线上支付开关
|
|
- this.PayService.PayOrderOnLineSwitch()
|
|
|
|
|
|
+ this.PayService.PayOrderOnLineSwitch()
|
|
.then(response => {
|
|
.then(response => {
|
|
if (response.data === 0) {
|
|
if (response.data === 0) {
|
|
this.isPaySwitch = true
|
|
this.isPaySwitch = true
|
|
@@ -140,14 +198,44 @@ export default {
|
|
console.log('线上支付开关异常')
|
|
console.log('线上支付开关异常')
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- payConfirmClick() {
|
|
|
|
|
|
+ async GetUserClubBanks() {
|
|
|
|
+ //获取列表
|
|
|
|
+ try {
|
|
|
|
+ const user = await this.$api.getStorage()
|
|
|
|
+ const res = await this.UserService.userClubBanks({ userId:user.userId })
|
|
|
|
+ this.cardsList = res.data
|
|
|
|
+ this.defaultCards = this.cardsList[0]
|
|
|
|
+ this.quickParams.userId = user.userId
|
|
|
|
+ this.quickParams.quickPayBankNumber = this.defaultCards.quickPayBankNumber
|
|
|
|
+ this.quickParams.quickPayMobile = this.defaultCards.quickPayMobile
|
|
|
|
+ this.quickParams.quickPayBankExpireTime = this.defaultCards.quickPayBankExpireTime ? this.defaultCards.quickPayBankExpireTime : ''
|
|
|
|
+ this.quickParams.quickPayUserName = this.defaultCards.quickPayUserName
|
|
|
|
+ this.quickParams.idCard = this.defaultCards.idCard
|
|
|
|
+ this.quickParams.cvvCode = this.defaultCards.cvvCode ? this.defaultCards.cvvCode : ''
|
|
|
|
+ } catch (error) {
|
|
|
|
+ console.log(error)
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ handleAddCard(index) {
|
|
|
|
+ //跳转添加卡号支付
|
|
|
|
+ //quickPayFlag 2超级会员,vipRecordId :会员购买记录Id
|
|
|
|
+ const data = {
|
|
|
|
+ payData: {
|
|
|
|
+ quickPayFlag: 2,
|
|
|
|
+ vipRecordId: this.payParams.vipRecordId
|
|
|
|
+ },
|
|
|
|
+ payAmount: this.handelPayMsg.price
|
|
|
|
+ }
|
|
|
|
+ this.$api.navigateTo(`/pages/user/pay/card-comfirm?type=${index}&data=${JSON.stringify(data)}`)
|
|
|
|
+ },
|
|
|
|
+ buttonSubMit() {
|
|
// 友盟埋点收集选择支付方式
|
|
// 友盟埋点收集选择支付方式
|
|
- if(process.env.NODE_ENV != 'development'){
|
|
|
|
|
|
+ if (process.env.NODE_ENV != 'development') {
|
|
this.$uma.trackEvent('Um_Event_userClubMemberChooseWechatPay', {
|
|
this.$uma.trackEvent('Um_Event_userClubMemberChooseWechatPay', {
|
|
Um_Key_PageName: '支付超级会员',
|
|
Um_Key_PageName: '支付超级会员',
|
|
Um_Key_SourcePage: '支付超级会员',
|
|
Um_Key_SourcePage: '支付超级会员',
|
|
- Um_Key_PayName:`${this.buttonText}`,
|
|
|
|
- Um_Key_Month: `${this.handelPayMsg.duration}个月`,
|
|
|
|
|
|
+ Um_Key_PayName: `${this.buttonText}`,
|
|
|
|
+ Um_Key_Month: `${this.handelPayMsg.duration}个月`
|
|
})
|
|
})
|
|
}
|
|
}
|
|
if (this.isPaySwitch) {
|
|
if (this.isPaySwitch) {
|
|
@@ -159,30 +247,57 @@ export default {
|
|
this.MiniWxPayFor()
|
|
this.MiniWxPayFor()
|
|
break
|
|
break
|
|
case 1: // 生成企业网银链接
|
|
case 1: // 生成企业网银链接
|
|
- this.BuildCatenate()
|
|
|
|
|
|
+ this.handlePayOrderPayLink()
|
|
break
|
|
break
|
|
case 2: // 生成个人网银链接
|
|
case 2: // 生成个人网银链接
|
|
- this.BuildCatenate()
|
|
|
|
|
|
+ this.handlePayOrderPayLink()
|
|
|
|
+ break
|
|
|
|
+ case 3: // 快捷支付
|
|
|
|
+ this.orderPayQuickPay()
|
|
break
|
|
break
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ async orderPayQuickPay() {
|
|
|
|
+ //快捷支付
|
|
|
|
+ try {
|
|
|
|
+ const res = await this.PayService.orderPayQuickPay(this.quickParams)
|
|
|
|
+ console.log('res', res.data)
|
|
|
|
+ const data = {
|
|
|
|
+ params: this.quickParams,
|
|
|
|
+ payData: res.data,
|
|
|
|
+ payAmount: this.handelPayMsg.price
|
|
|
|
+ }
|
|
|
|
+ this.$api.navigateTo(
|
|
|
|
+ `/pages/user/pay/card-comfirm-sub?type=3&data=${JSON.stringify(data)}`
|
|
|
|
+ )
|
|
|
|
+ } catch (error) {
|
|
|
|
+ this.$util.msg(error.msg, 2000)
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ async handlePayOrderPayLink() {
|
|
|
|
+ // 生成网银支付链接
|
|
|
|
+ try {
|
|
|
|
+ const linkParams = {
|
|
|
|
+ vipRecordId: this.payParams.vipRecordId,
|
|
|
|
+ payType: this.payType
|
|
|
|
+ }
|
|
|
|
+ const res = await this.PayService.PayOrderPayLink(linkParams)
|
|
|
|
+ this.payHttpUrl = res.data
|
|
|
|
+ this.isShowTip = true
|
|
|
|
+ console.log('isShowTip',this.isShowTip)
|
|
|
|
+ } catch (error) {
|
|
|
|
+ console.log(error)
|
|
|
|
+ }
|
|
|
|
+ },
|
|
async MiniWxPayFor() {
|
|
async MiniWxPayFor() {
|
|
// 使用微信支付
|
|
// 使用微信支付
|
|
this.payParams.code = await authorize.getCode('weixin')
|
|
this.payParams.code = await authorize.getCode('weixin')
|
|
this.weChatMiniVipWxPay(this.payParams)
|
|
this.weChatMiniVipWxPay(this.payParams)
|
|
- // this.PayService.PayOrderVipWechat(this.payParams)
|
|
|
|
- // .then(response => {
|
|
|
|
- // let PayInfo = JSON.parse(response.data.rt10_payInfo)
|
|
|
|
- // this.WxRequestPayment(PayInfo)
|
|
|
|
- // })
|
|
|
|
- // .catch(error => {
|
|
|
|
- // this.$util.msg(error.msg, 2000)
|
|
|
|
- // })
|
|
|
|
},
|
|
},
|
|
WxRequestPayment(data) {
|
|
WxRequestPayment(data) {
|
|
// 微信支付Api
|
|
// 微信支付Api
|
|
let self = this
|
|
let self = this
|
|
- console.log('data',data)
|
|
|
|
|
|
+ console.log('data', data)
|
|
wx.requestPayment({
|
|
wx.requestPayment({
|
|
timeStamp: data.timeStamp,
|
|
timeStamp: data.timeStamp,
|
|
nonceStr: data.nonceStr,
|
|
nonceStr: data.nonceStr,
|
|
@@ -198,34 +313,6 @@ export default {
|
|
complete: function(res) {}
|
|
complete: function(res) {}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- BuildCatenate() {
|
|
|
|
- // 生成网银支付链接
|
|
|
|
- this.PayService.PayOrderPayLink({
|
|
|
|
- vipRecordId: this.payParams.vipRecordId,
|
|
|
|
- payType: this.payType
|
|
|
|
- }).then(response => {
|
|
|
|
- this.payHttpUrl = response.data
|
|
|
|
- this.isShowTip = true
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- tabClick(index) {
|
|
|
|
- //tab切换
|
|
|
|
- this.tabCurrentIndex = this.payType = index
|
|
|
|
- switch (index) {
|
|
|
|
- case 0:
|
|
|
|
- this.btnColor = '#09BB07'
|
|
|
|
- this.buttonText = '使用微信支付'
|
|
|
|
- break
|
|
|
|
- case 1:
|
|
|
|
- this.btnColor = '#034582'
|
|
|
|
- this.buttonText = '生成企业网银链接'
|
|
|
|
- break
|
|
|
|
- case 2:
|
|
|
|
- this.btnColor = '#034582'
|
|
|
|
- this.buttonText = '生成个人网银链接'
|
|
|
|
- break
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
hideTips() {
|
|
hideTips() {
|
|
//隐藏弹窗
|
|
//隐藏弹窗
|
|
this.isShowTip = false
|
|
this.isShowTip = false
|
|
@@ -304,6 +391,7 @@ page {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
float: left;
|
|
float: left;
|
|
|
|
+ margin-top: 40rpx;
|
|
.check-title {
|
|
.check-title {
|
|
width: 622rpx;
|
|
width: 622rpx;
|
|
height: 40rpx;
|
|
height: 40rpx;
|
|
@@ -336,69 +424,122 @@ page {
|
|
.pay-checked {
|
|
.pay-checked {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
- .pay-item {
|
|
|
|
|
|
+ .pay-card-main {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 120rpx;
|
|
|
|
|
|
+ height: auto;
|
|
|
|
+ float: left;
|
|
|
|
+ border-top: 12px solid #f7f7f7;
|
|
|
|
+ border-bottom: 12px solid #f7f7f7;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- border: 1px solid #e1e1e1;
|
|
|
|
- border-radius: 8rpx;
|
|
|
|
- padding: 20rpx;
|
|
|
|
- margin: 24rpx 0;
|
|
|
|
- display: flex;
|
|
|
|
- background-color: #ffffff;
|
|
|
|
- &.current {
|
|
|
|
- border-color: #e4aa43;
|
|
|
|
- .item-r {
|
|
|
|
- .icon-duigou {
|
|
|
|
- color: #e4aa43;
|
|
|
|
|
|
+ padding: 0 32rpx;
|
|
|
|
+ .pay-item-cell {
|
|
|
|
+ height: 100rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 26rpx 0;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
|
+ &.add {
|
|
|
|
+ border-bottom: none;
|
|
|
|
+ padding-left: 66rpx;
|
|
|
|
+ }
|
|
|
|
+ .item-icon {
|
|
|
|
+ width: 48rpx;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
+ float: left;
|
|
|
|
+ image {
|
|
|
|
+ width: 48rpx;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ display: block;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .item-texts {
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+ font-size: $font-size-28;
|
|
|
|
+ color: $text-color;
|
|
|
|
+ float: left;
|
|
|
|
+ &.add {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .item-checked {
|
|
|
|
+ width: 48rpx;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ float: right;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+ font-size: $font-size-40;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ .icon-weixuanze {
|
|
|
|
+ color: #b2b2b2;
|
|
|
|
+ }
|
|
|
|
+ .icon-yixuanze3 {
|
|
|
|
+ color: #ff5b00;
|
|
|
|
+ }
|
|
|
|
+ .icon-xiayibu {
|
|
|
|
+ color: #b2b2b2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .item-l {
|
|
|
|
- flex: 8;
|
|
|
|
|
|
+ }
|
|
|
|
+ .pay-item {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: auto;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ float: left;
|
|
|
|
+ padding: 0 32rpx;
|
|
|
|
+ .pay-item-cell {
|
|
|
|
+ height: 100rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 26rpx 0;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
.item-icon {
|
|
.item-icon {
|
|
- width: 72rpx;
|
|
|
|
- height: 72rpx;
|
|
|
|
|
|
+ width: 48rpx;
|
|
|
|
+ height: 48rpx;
|
|
float: left;
|
|
float: left;
|
|
text-align: center;
|
|
text-align: center;
|
|
- line-height: 72rpx;
|
|
|
|
|
|
+ line-height: 48rpx;
|
|
margin-right: 20rpx;
|
|
margin-right: 20rpx;
|
|
.iconfont {
|
|
.iconfont {
|
|
- font-size: 78rpx;
|
|
|
|
|
|
+ font-size: 48rpx;
|
|
}
|
|
}
|
|
.icon-weixinzhifu {
|
|
.icon-weixinzhifu {
|
|
- color: #09bb07;
|
|
|
|
|
|
+ color: #0abc64;
|
|
}
|
|
}
|
|
.icon-gerenwangyinzhifu {
|
|
.icon-gerenwangyinzhifu {
|
|
- color: #034582;
|
|
|
|
|
|
+ color: #16afe8;
|
|
}
|
|
}
|
|
.icon-qiyewangyinzhifu {
|
|
.icon-qiyewangyinzhifu {
|
|
- color: #004889;
|
|
|
|
|
|
+ color: #007acc;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.item-texts {
|
|
.item-texts {
|
|
- line-height: 66rpx;
|
|
|
|
- font-size: $font-size-26;
|
|
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+ font-size: $font-size-28;
|
|
color: $text-color;
|
|
color: $text-color;
|
|
- }
|
|
|
|
- .item-text {
|
|
|
|
- line-height: 36rpx;
|
|
|
|
- font-size: $font-size-26;
|
|
|
|
- .txt-p {
|
|
|
|
- color: $text-color;
|
|
|
|
- }
|
|
|
|
- .txt-t {
|
|
|
|
- color: #999999;
|
|
|
|
|
|
+ float: left;
|
|
|
|
+ &.add {
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .item-r {
|
|
|
|
- flex: 2;
|
|
|
|
- text-align: center;
|
|
|
|
- line-height: 72rpx;
|
|
|
|
- .icon-duigou {
|
|
|
|
- font-size: 54rpx;
|
|
|
|
|
|
+ .item-checked {
|
|
|
|
+ width: 48rpx;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ float: right;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+ font-size: $font-size-40;
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
|
|
+ .icon-weixuanze {
|
|
|
|
+ color: #b2b2b2;
|
|
|
|
+ }
|
|
|
|
+ .icon-yixuanze3 {
|
|
|
|
+ color: #ff5b00;
|
|
|
|
+ }
|
|
|
|
+ .icon-xiayibu {
|
|
|
|
+ color: #b2b2b2;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -406,11 +547,14 @@ page {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.pay-button {
|
|
.pay-button {
|
|
- width: 100%;
|
|
|
|
- float: left;
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
|
|
+ width: 600rpx;
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
+ position: fixed;
|
|
|
|
+ height: 88rpx;
|
|
|
|
+ padding: 24rpx 75rpx 0 75rpx;
|
|
|
|
+ bottom: 0;
|
|
.btn {
|
|
.btn {
|
|
- width: 662rpx;
|
|
|
|
|
|
+ width: 100%;
|
|
height: 88rpx;
|
|
height: 88rpx;
|
|
border-radius: 44rpx;
|
|
border-radius: 44rpx;
|
|
font-size: $font-size-28;
|
|
font-size: $font-size-28;
|