wangyifang
/
yikangyang-hg-wx
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

Browse Source
master
lion 7 months ago
parent e60c9bcc4d
commit 81b078d9cd
10 changed files with 616 additions and 146 deletions
Show Stats Download Patch File Download Diff File

357
package_sub/order/orderStaffDetail.vue
Unescape View File

@ -90,84 +90,134 @@
</view> </view>
</view> </view>
<!-- 支付二维码 --> <!-- 支付区域 -->
<view class="payment-popup" v-if="orderInfo.pay_status === 0" id="pay-qrcode-section"> <view class="payment-popup" v-if="orderInfo.pay_status === 0" id="pay-qrcode-section">
<view class="title">付款二维码</view> <!-- Tab 切换 -->
<view class="amount"> <view class="payment-tabs">
<text class="symbol">¥</text> <view
<text class="number">{{orderInfo.price}}</text> class="tab-item"
</view> :class="{ 'tab-active': activeTab === 'qrcode' }"
@click="switchTab('qrcode')"
<view class="qr-code"> >
<!-- 支付二维码 --> 付款二维码
<view v-if="myQrcode" style="border: 1px solid #ccc; padding: 10rpx;">
<uqrcode
v-if="myQrcode"
canvas-id="pay-qrcode"
:value="myQrcode"
:size="400"
:sizeUnit="'rpx'"
:options="{
margin: 10,
}"
></uqrcode>
</view> </view>
<view v-else style="text-align: center; color: #999; padding: 40rpx;"> <view
正在生成二维码... class="tab-item"
:class="{ 'tab-active': activeTab === 'pay' }"
@click="switchTab('pay')"
>
立即支付
</view> </view>
</view> </view>
<view class="tips"> <!-- Tab 内容 -->
<text>请扫码支付订单金额</text> <view class="tab-content">
<text class="sub-tips">支付完成后订单将自动完成</text> <!-- 付款二维码 Tab -->
</view> <view v-if="activeTab === 'qrcode'" class="tab-panel">
<view class="amount">
<text class="symbol">¥</text>
<text class="number">{{orderInfo.price}}</text>
</view>
<!-- 分享按钮 --> <view class="qr-code">
<view class="share-section"> <!-- 支付二维码 -->
<u-button <view v-if="myQrcode" style="border: 1px solid #ccc; padding: 10rpx;">
type="primary" <!-- 显示图片（可长按识别） -->
size="medium" <image
@click="showShareGuide" v-if="qrcodeImagePath"
:custom-style="{ :src="qrcodeImagePath"
background: 'linear-gradient(to right, #1479ff, #4a90e2)', mode="aspectFit"
color: '#fff', show-menu-by-longpress
borderRadius: '40rpx', style="width: 400rpx; height: 400rpx; display: block; margin: 0 auto;"
fontSize: '28rpx' ></image>
}" <!-- Canvas 绘制（使用 hide 属性隐藏，但保持可渲染） -->
> <uqrcode
<u-icon name="share" color="#fff" size="16" style="margin-right: 8rpx;"></u-icon> v-else
转发给微信好友 ref="payQrcode"
</u-button> id="pay-qrcode"
canvas-id="pay-qrcode"
<!-- 返回首页按钮（仅分享进入时显示） --> :value="myQrcode"
<u-button :size="400"
v-if="isFromShare" :sizeUnit="'rpx'"
type="default" :hide="true"
size="medium" :options="{
@click="goToHome" margin: 10,
:custom-style="{ }"
marginTop: '20rpx', @complete="onQrcodeComplete"
borderRadius: '40rpx', ></uqrcode>
fontSize: '28rpx' </view>
}" <view v-else style="text-align: center; color: #999; padding: 40rpx;">
> 正在生成二维码...
<u-icon name="home" color="#1479ff" size="16" style="margin-right: 8rpx;"></u-icon> </view>
返回首页 </view>
</u-button>
<view class="tips">
<text>请扫码支付订单金额</text>
<text class="sub-tips">支付完成后订单将自动完成</text>
</view>
<!-- 分享按钮 -->
<view class="share-section">
<u-button
type="primary"
size="medium"
@click="showShareGuide"
:custom-style="{
background: 'linear-gradient(to right, #1479ff, #4a90e2)',
color: '#fff',
borderRadius: '40rpx',
fontSize: '28rpx'
}"
>
<u-icon name="share" color="#fff" size="16" style="margin-right: 8rpx;"></u-icon>
转发给微信好友
</u-button>
<!-- 返回首页按钮（仅分享进入时显示） -->
<u-button
v-if="isFromShare"
type="default"
size="medium"
@click="goToHome"
:custom-style="{
marginTop: '20rpx',
borderRadius: '40rpx',
fontSize: '28rpx'
}"
>
<u-icon name="home" color="#1479ff" size="16" style="margin-right: 8rpx;"></u-icon>
返回首页
</u-button>
</view>
</view>
<!-- 立即支付 Tab -->
<view v-if="activeTab === 'pay'" class="tab-panel">
<view class="amount">
<text class="symbol">¥</text>
<text class="number">{{orderInfo.price}}</text>
</view>
<view class="pay-button-section">
<u-button
type="primary"
shape="circle"
@click="scrollToPayQr"
class="pay-btn-large"
:custom-style="{
width: '100%',
height: '88rpx',
fontSize: '32rpx',
fontWeight: '500'
}"
>
立即支付
</u-button>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 底部立即支付按钮 -->
<view v-if="orderInfo.pay_status === 0 && loginRole !== 'operator'" class="bottom-pay-btn">
<u-button
type="primary"
shape="circle"
@click="scrollToPayQr"
class="pay-btn"
>
立即支付
</u-button>
</view>
</view> </view>
</template> </template>
@ -180,6 +230,7 @@
data() { data() {
return { return {
myQrcode: '', myQrcode: '',
qrcodeImagePath: '', // 二维码图片路径
imgs: [], imgs: [],
orderId: '', orderId: '',
orderInfo: {}, orderInfo: {},
@ -192,6 +243,7 @@
}, },
payTimer: null, // 支付状态检查定时器 payTimer: null, // 支付状态检查定时器
isFromShare: false, isFromShare: false,
activeTab: 'qrcode', // 当前选中的 tab: 'qrcode' 或 'pay'
} }
}, },
onLoad(options) { onLoad(options) {
@ -212,10 +264,7 @@
}, },
onUnload() { onUnload() {
// 清除支付状态检查定时器 // 清除支付状态检查定时器
if (this.payTimer) { this.stopPayCheck()
clearInterval(this.payTimer)
this.payTimer = null
}
// 清除分享相关存储 // 清除分享相关存储
this.clearShareCache() this.clearShareCache()
@ -303,12 +352,22 @@
}) })
this.imgs = _arr this.imgs = _arr
} }
// 只根据pay_status判断 // 如果订单已支付，停止支付状态检测
if (res.pay_status === 0) { if (res.pay_status !== 0) {
this.stopPayCheck()
this.myQrcode = ''
this.qrcodeImagePath = ''
return
}
// 只在当前是二维码 tab 且订单未支付时，才获取二维码
if (res.pay_status === 0 && this.activeTab === 'qrcode') {
await this.getCode(res.no) await this.getCode(res.no)
} }
}, },
async getCode(no) { async getCode(no) {
// 如果已经有定时器在运行，先清除（避免重复创建）
this.stopPayCheck()
try { try {
const res = await this.$u.api.accompanyPay({ const res = await this.$u.api.accompanyPay({
no: no no: no
@ -317,8 +376,12 @@
const result = res.result || res const result = res.result || res
if (result && result.code_url) { if (result && result.code_url) {
this.myQrcode = result.code_url this.myQrcode = result.code_url
// 开始检查支付状态 // 重置图片路径，等待二维码生成完成后转换为图片
this.startPayCheck() this.qrcodeImagePath = ''
// 开始检查支付状态（只在二维码 tab 时启动）
if (this.activeTab === 'qrcode') {
this.startPayCheck()
}
} else { } else {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
@ -332,27 +395,77 @@
}) })
} }
}, },
// 二维码生成完成回调
onQrcodeComplete(e) {
// 当二维码成功生成后，将其转换为图片
if (e && e.success && this.$refs.payQrcode) {
// 延迟一下，确保 canvas 完全渲染完成
setTimeout(() => {
if (this.$refs.payQrcode) {
this.$refs.payQrcode.toTempFilePath({
success: (res) => {
// 获取临时文件路径
this.qrcodeImagePath = res.tempFilePath
console.log('二维码图片生成成功:', this.qrcodeImagePath)
},
fail: (err) => {
console.error('二维码转图片失败:', err)
// 如果转换失败，仍然显示 canvas（虽然不能长按识别）
uni.showToast({
icon: 'none',
title: '二维码图片生成失败'
})
}
})
}
}, 500) // 延迟 500ms 确保 canvas 渲染完成
}
},
// 停止支付状态检测
stopPayCheck() {
if (this.payTimer) {
clearInterval(this.payTimer)
this.payTimer = null
}
},
// 开始检查支付状态 // 开始检查支付状态
startPayCheck() { startPayCheck() {
// 先清除旧的定时器，避免重复创建
this.stopPayCheck()
// 如果订单已支付或不在二维码 tab，不启动检测
if (this.orderInfo.pay_status !== 0 || this.activeTab !== 'qrcode') {
return
}
this.payTimer = setInterval(async () => { this.payTimer = setInterval(async () => {
// 如果不在二维码 tab 或订单已支付，停止检测
if (this.activeTab !== 'qrcode' || this.orderInfo.pay_status !== 0) {
this.stopPayCheck()
return
}
try { try {
let res const res = await this.$u.api.accompanyOrderDetail({
res = await this.$u.api.accompanyOrderDetail({
id: this.orderId id: this.orderId
}) })
// 更新订单信息
if (res.pay_status !== this.orderInfo.pay_status) {
this.orderInfo = res
}
if (res.pay_status === 1) { if (res.pay_status === 1) {
clearInterval(this.payTimer) // 支付成功，停止检测
this.payTimer = null this.stopPayCheck()
// 隐藏支付二维码 // 隐藏支付二维码
this.myQrcode = '' this.myQrcode = ''
this.qrcodeImagePath = ''
// 刷新订单详情
await this.getOrderDetailStaff(this.orderId) await this.getOrderDetailStaff(this.orderId)
uni.showToast({ uni.showToast({
title: '支付成功', title: '支付成功',
icon: 'success' icon: 'success'
@ -360,20 +473,18 @@
} }
} catch (err) { } catch (err) {
console.error('检查支付状态失败', err) console.error('检查支付状态失败', err)
// 如果连续失败，可以考虑停止检测或增加重试逻辑
} }
}, 3000) // 每3秒检查一次 }, 3000) // 每3秒检查一次
}, },
isPayCode() { isPayCode() {
// 清除定时器 // 停止支付状态检测
if (this.payTimer) { this.stopPayCheck()
clearInterval(this.payTimer)
this.payTimer = null
}
this.myQrcode = '' this.myQrcode = ''
this.qrcodeImagePath = ''
// 重新获取订单详情 // 重新获取订单详情
this.getOrderDetailStaff(this.orderId) this.getOrderDetailStaff(this.orderId)
}, },
showShareGuide() { showShareGuide() {
// 显示分享引导 // 显示分享引导
@ -445,9 +556,28 @@
console.log('分享缓存数据已清除，下次进入将重新进行token校验') console.log('分享缓存数据已清除，下次进入将重新进行token校验')
}, },
// Tab 切换
async switchTab(tab) {
const previousTab = this.activeTab
this.activeTab = tab
// 如果切换到非二维码 tab，停止支付状态检测
if (tab !== 'qrcode') {
this.stopPayCheck()
}
// 每次切换 tab 都重新请求接口，获取最新的订单信息（包含最新的 no）
await this.getOrderDetailStaff(this.orderId)
// getOrderDetailStaff 中会根据 activeTab 和 pay_status 决定是否调用 getCode
// 所以切换到 qrcode tab 时，如果订单未支付，会自动获取二维码并启动检测
},
scrollToPayQr: async function() { scrollToPayQr: async function() {
// 每次点击都重新获取最新的订单信息（包含最新的 no）
await this.getOrderDetailStaff(this.orderId)
try { try {
// 1. 获取微信支付参数（不需要传id参数） // 1. 获取微信支付参数（使用最新的 no）
const res = await this.$u.api.accompanyOrderPayParams({ no: this.orderInfo.no }); const res = await this.$u.api.accompanyOrderPayParams({ no: this.orderInfo.no });
console.log("获取支付参数:",res) console.log("获取支付参数:",res)
@ -565,6 +695,53 @@
box-shadow: 0 4rpx 16rpx #e6eaf1; box-shadow: 0 4rpx 16rpx #e6eaf1;
padding: 30rpx; padding: 30rpx;
z-index: 1; z-index: 1;
.payment-tabs {
display: flex;
border-bottom: 2rpx solid #e5e5e5;
margin-bottom: 30rpx;
.tab-item {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 30rpx;
color: #666;
position: relative;
transition: all 0.3s;
&.tab-active {
color: #1479ff;
font-weight: 500;
&::after {
content: '';
position: absolute;
bottom: -2rpx;
left: 50%;
transform: translateX(-50%);
width: 60rpx;
height: 4rpx;
background: #1479ff;
border-radius: 2rpx;
}
}
}
}
.tab-content {
.tab-panel {
min-height: 400rpx;
}
.pay-button-section {
padding: 60rpx 0;
display: flex;
justify-content: center;
align-items: center;
}
}
.title { .title {
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;

260
package_sub/pages/AddOrder/AddOrder.vue
Unescape View File

@ -215,28 +215,89 @@
</view> </view>
</view> </view>
<!-- 支付二维码 --> <!-- 支付区域 -->
<view class="qrcode-section" v-if="showPayQrCode"> <view class="qrcode-section" v-if="showPayQrCode">
<view class="qrcode-title">微信支付</view> <!-- Tab 切换 -->
<view class="qrcode-wrapper"> <view class="payment-tabs">
<uqrcode v-if="payQrCode" ref="payQrCode" canvas-id="pay-qrcode" :value="payQrCode" :size="400" <view
:sizeUnit="'rpx'" :start="true" :auto="true" :loading="false" @error="onQrCodeError" class="tab-item"
@success="onQrCodeSuccess" :options="{ :class="{ 'tab-active': activeTab === 'qrcode' }"
margin: 10, @click="switchTab('qrcode')"
colorDark: '#000000', >
colorLight: '#ffffff' 付款二维码
}"></uqrcode> </view>
<view
class="tab-item"
:class="{ 'tab-active': activeTab === 'pay' }"
@click="switchTab('pay')"
>
立即支付
</view>
</view>
<!-- Tab 内容 -->
<view class="tab-content">
<!-- 付款二维码 Tab -->
<view v-if="activeTab === 'qrcode'" class="tab-panel">
<view class="qrcode-wrapper">
<!-- 显示图片（可长按识别） -->
<image
v-if="qrcodeImagePath"
:src="qrcodeImagePath"
mode="aspectFit"
show-menu-by-longpress
style="width: 400rpx; height: 400rpx; display: block; margin: 0 auto;"
></image>
<!-- Canvas 绘制（使用 hide 属性隐藏，但保持可渲染） -->
<uqrcode
v-else-if="payQrCode"
ref="payQrCode"
canvas-id="pay-qrcode"
:value="payQrCode"
:size="400"
:sizeUnit="'rpx'"
:start="true"
:auto="true"
:loading="false"
:hide="true"
@error="onQrCodeError"
@complete="onQrCodeComplete"
:options="{
margin: 10,
colorDark: '#000000',
colorLight: '#ffffff'
}"
></uqrcode>
<view v-else style="text-align: center; color: #999; padding: 40rpx;">
正在生成二维码...
</view>
</view>
<view class="qrcode-tip">请使用微信扫码支付</view>
</view>
<!-- 立即支付 Tab -->
<view v-if="activeTab === 'pay'" class="tab-panel">
<view class="pay-button-section">
<u-button
type="primary"
shape="circle"
@click="scrollToPayQr"
class="pay-btn-large"
:custom-style="{
width: '100%',
height: '88rpx',
fontSize: '32rpx',
fontWeight: '500'
}"
>
立即支付
</u-button>
</view>
</view>
</view> </view>
<view class="qrcode-tip">请使用微信扫码支付</view>
</view> </view>
</view> </view>
<!-- 底部立即支付按钮 -->
<view v-if="showPayQrCode" class="bottom-pay-btn">
<u-button type="primary" shape="circle" @click="scrollToPayQr" class="pay-btn">
立即支付
</u-button>
</view>
<!-- 服务完成 --> <!-- 服务完成 -->
<view v-if="form.pay_status === 2"> <view v-if="form.pay_status === 2">
@ -697,10 +758,12 @@
// pay popup // pay popup
isShowPayPopup: false, isShowPayPopup: false,
payQrCode: '', // 支付二维码 payQrCode: '', // 支付二维码
qrcodeImagePath: '', // 二维码图片路径
payTimer: null, // 定时器 payTimer: null, // 定时器
showPriceEdit: false, showPriceEdit: false,
editPrice: '', editPrice: '',
showPayQrCode: false showPayQrCode: false,
activeTab: 'qrcode', // 当前选中的 tab: 'qrcode' 或 'pay'
}; };
}, },
onReady() { onReady() {
@ -730,6 +793,8 @@
// 重置二维码显示状态 // 重置二维码显示状态
this.showPayQrCode = false; this.showPayQrCode = false;
this.payQrCode = ''; this.payQrCode = '';
this.qrcodeImagePath = '';
this.activeTab = 'qrcode'; // 默认显示二维码 tab
}, },
onUnload() { onUnload() {
// 清除支付状态检查定时器 // 清除支付状态检查定时器
@ -1001,6 +1066,8 @@
// 本地生成二维码 // 本地生成二维码
this.payQrCode = result.code_url this.payQrCode = result.code_url
// 重置图片路径，等待二维码生成完成后转换为图片
this.qrcodeImagePath = ''
this.showPayQrCode = true this.showPayQrCode = true
console.log('二维码URL:', this.payQrCode); console.log('二维码URL:', this.payQrCode);
@ -1063,9 +1130,12 @@
}) })
if (res.pay_status === 1) { if (res.pay_status === 1) {
clearInterval(this.payTimer) clearInterval(this.payTimer)
this.payTimer = null
// 隐藏支付二维码 // 隐藏支付二维码
this.showPayQrCode = false this.showPayQrCode = false
this.payQrCode = ''
this.qrcodeImagePath = ''
this.form.pay_status = 2 this.form.pay_status = 2
uni.showToast({ uni.showToast({
@ -1164,13 +1234,35 @@
this.isShowArchive = true; this.isShowArchive = true;
}, },
// 二维码生成成功 // 二维码生成成功（保留兼容性）
onQrCodeSuccess() { onQrCodeSuccess() {
console.log('二维码生成成功'); console.log('二维码生成成功');
uni.showToast({ },
title: '二维码生成成功', // 二维码生成完成回调（将 canvas 转换为图片）
icon: 'success' onQrCodeComplete(e) {
}); // 当二维码成功生成后，将其转换为图片
if (e && e.success && this.$refs.payQrCode) {
// 延迟一下，确保 canvas 完全渲染完成
setTimeout(() => {
if (this.$refs.payQrCode) {
this.$refs.payQrCode.toTempFilePath({
success: (res) => {
// 获取临时文件路径
this.qrcodeImagePath = res.tempFilePath
console.log('二维码图片生成成功:', this.qrcodeImagePath)
},
fail: (err) => {
console.error('二维码转图片失败:', err)
// 如果转换失败，仍然显示 canvas（虽然不能长按识别）
uni.showToast({
icon: 'none',
title: '二维码图片生成失败'
})
}
})
}
}, 500) // 延迟 500ms 确保 canvas 渲染完成
}
}, },
// 二维码生成错误 // 二维码生成错误
@ -1189,10 +1281,81 @@
this.showPriceEdit = true; this.showPriceEdit = true;
}, },
// Tab 切换
async switchTab(tab) {
// 如果点击的是当前 tab，不执行任何操作
if (this.activeTab === tab) {
return
}
// 先切换 tab，立即显示内容，避免闪烁
this.activeTab = tab
// 如果切换到二维码 tab
if (tab === 'qrcode') {
// 如果已经有二维码数据（图片或 URL），直接显示，不重新获取
if (this.qrcodeImagePath || this.payQrCode) {
// 只在后台静默更新订单信息，不重置二维码，使用 setTimeout 延迟执行避免阻塞 UI
if (this.orderId) {
setTimeout(() => {
this.getDetail(this.orderId).catch(err => {
console.error('获取订单详情失败:', err)
})
}, 100)
}
return
}
// 如果没有二维码数据，才重新获取
if (this.orderId) {
// 使用 $nextTick 确保 DOM 更新完成后再获取数据
this.$nextTick(async () => {
// 重新获取订单详情
await this.getDetail(this.orderId)
// 如果订单未支付，重新获取二维码
if (this.form.pay_status === 0 && this.form.no) {
try {
const payRes = await this.$u.api.accompanyPay({
no: this.form.no
})
const result = payRes.result || payRes
if (result && result.code_url) {
this.payQrCode = result.code_url
// 重置图片路径，等待二维码生成完成后转换为图片
this.qrcodeImagePath = ''
}
} catch (error) {
console.error('获取二维码失败:', error)
uni.showToast({
icon: 'none',
title: '获取二维码失败'
})
}
}
})
}
}
// 切换到立即支付 tab 时，不需要重新获取订单详情，直接显示按钮即可
// 订单号已经在 form.no 中，点击按钮时会重新获取最新订单信息
},
// 立即支付方法 // 立即支付方法
scrollToPayQr: async function() { scrollToPayQr: async function() {
// 每次点击都重新获取最新的订单信息（包含最新的 no）
if (this.orderId) {
await this.getDetail(this.orderId)
}
if (!this.form.no) {
uni.showToast({
title: '订单号不存在',
icon: 'none'
})
return
}
try { try {
// 1. 获取微信支付参数 // 1. 获取微信支付参数（使用最新的 no）
const res = await this.$u.api.accompanyOrderPayParams({ const res = await this.$u.api.accompanyOrderPayParams({
no: this.form.no no: this.form.no
}); });
@ -1840,6 +2003,55 @@
margin-top: 30rpx; margin-top: 30rpx;
text-align: center; text-align: center;
padding: 20rpx; padding: 20rpx;
background: #fff;
border-radius: 20rpx;
box-shadow: 0 4rpx 16rpx #e6eaf1;
.payment-tabs {
display: flex;
border-bottom: 2rpx solid #e5e5e5;
margin-bottom: 30rpx;
.tab-item {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 30rpx;
color: #666;
position: relative;
transition: all 0.3s;
&.tab-active {
color: #1479ff;
font-weight: 500;
&::after {
content: '';
position: absolute;
bottom: -2rpx;
left: 50%;
transform: translateX(-50%);
width: 60rpx;
height: 4rpx;
background: #1479ff;
border-radius: 2rpx;
}
}
}
}
.tab-content {
.tab-panel {
min-height: 400rpx;
}
.pay-button-section {
padding: 60rpx 0;
display: flex;
justify-content: center;
align-items: center;
}
}
.qrcode-title { .qrcode-title {
font-size: 28rpx; font-size: 28rpx;

2
unpackage/dist/dev/.sourcemap/mp-weixin/package_sub/order/orderStaffDetail.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/package_sub/pages/AddOrder/AddOrder.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/package_sub/order/orderStaffDetail.js vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/package_sub/order/orderStaffDetail.wxml vendored
View File

File diff suppressed because one or more lines are too long

39
unpackage/dist/dev/mp-weixin/package_sub/order/orderStaffDetail.wxss vendored
Unescape View File

@ -74,6 +74,45 @@
padding: 30rpx; padding: 30rpx;
z-index: 1; z-index: 1;
} }
.detail-page .payment-popup .payment-tabs.data-v-75de4fcc {
display: flex;
border-bottom: 2rpx solid #e5e5e5;
margin-bottom: 30rpx;
}
.detail-page .payment-popup .payment-tabs .tab-item.data-v-75de4fcc {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 30rpx;
color: #666;
position: relative;
transition: all 0.3s;
}
.detail-page .payment-popup .payment-tabs .tab-item.tab-active.data-v-75de4fcc {
color: #1479ff;
font-weight: 500;
}
.detail-page .payment-popup .payment-tabs .tab-item.tab-active.data-v-75de4fcc::after {
content: "";
position: absolute;
bottom: -2rpx;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 60rpx;
height: 4rpx;
background: #1479ff;
border-radius: 2rpx;
}
.detail-page .payment-popup .tab-content .tab-panel.data-v-75de4fcc {
min-height: 400rpx;
}
.detail-page .payment-popup .tab-content .pay-button-section.data-v-75de4fcc {
padding: 60rpx 0;
display: flex;
justify-content: center;
align-items: center;
}
.detail-page .payment-popup .title.data-v-75de4fcc { .detail-page .payment-popup .title.data-v-75de4fcc {
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;

2
unpackage/dist/dev/mp-weixin/package_sub/pages/AddOrder/AddOrder.js vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/package_sub/pages/AddOrder/AddOrder.wxml vendored
View File

File diff suppressed because one or more lines are too long

42
unpackage/dist/dev/mp-weixin/package_sub/pages/AddOrder/AddOrder.wxss vendored
Unescape View File

@ -451,6 +451,48 @@
margin-top: 30rpx; margin-top: 30rpx;
text-align: center; text-align: center;
padding: 20rpx; padding: 20rpx;
background: #fff;
border-radius: 20rpx;
box-shadow: 0 4rpx 16rpx #e6eaf1;
}
.qrcode-section .payment-tabs.data-v-6614d6de {
display: flex;
border-bottom: 2rpx solid #e5e5e5;
margin-bottom: 30rpx;
}
.qrcode-section .payment-tabs .tab-item.data-v-6614d6de {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 30rpx;
color: #666;
position: relative;
transition: all 0.3s;
}
.qrcode-section .payment-tabs .tab-item.tab-active.data-v-6614d6de {
color: #1479ff;
font-weight: 500;
}
.qrcode-section .payment-tabs .tab-item.tab-active.data-v-6614d6de::after {
content: "";
position: absolute;
bottom: -2rpx;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 60rpx;
height: 4rpx;
background: #1479ff;
border-radius: 2rpx;
}
.qrcode-section .tab-content .tab-panel.data-v-6614d6de {
min-height: 400rpx;
}
.qrcode-section .tab-content .pay-button-section.data-v-6614d6de {
padding: 60rpx 0;
display: flex;
justify-content: center;
align-items: center;
} }
.qrcode-section .qrcode-title.data-v-6614d6de { .qrcode-section .qrcode-title.data-v-6614d6de {
font-size: 28rpx; font-size: 28rpx;

Write Preview
Loading…
Cancel
Save