wo123/dyqc_hdapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1、待核销订单限制一下发布活动者名称的长度，超出用点点点

Browse Source 
2、其他状态下的订单页面限制一下发布活动者名称的长度，超出用点点点
3、添加报名人，底部添加报名人按钮 在页面固定
4、待核销订单页面的二维码会逐渐偏移
This commit is contained in:
wangzimeng 2025-07-25 16:03:24 +08:00
parent 3643bbbe9b
commit 2bae7fdec8
4 changed files with 227 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
packageA/my/pendinPayDetail.vue
View File

@ -14,7 +14,8 @@
<view class="first-image flex align-items" style="margin-top: 25rpx;"> <view class="first-image flex align-items" style="margin-top: 25rpx;">
<image :src="detailAny.user.avatar" mode="" <image :src="detailAny.user.avatar" mode=""
style="width: 36rpx;height: 36rpx;border-radius:50%;"></image> style="width: 36rpx;height: 36rpx;border-radius:50%;"></image>
<text style="color:#9C9C9C;margin-left: 10rpx;">{{ detailAny.user.nickname }}</text> <text class="white-space"
style="color:#9C9C9C;margin-left: 10rpx;width: 210rpx;">{{ detailAny.user.nickname }}</text>
<text style="color:#9C9C9C;margin-left: 20rpx;">/</text> <text style="color:#9C9C9C;margin-left: 20rpx;">/</text>
<text style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number <text style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number
}}人玩过</text> }}人玩过</text>
@ -52,7 +53,7 @@
<image class="icons" src="/static/detail/xiangqing.png"></image> <image class="icons" src="/static/detail/xiangqing.png"></image>
</view> </view>
</view> </view>
<view class="third-center"> <view class="thirdCrode-center">
<qrcode-swiper :images="qrimages" @onSwiperChanges="onSwiperChanges"> </qrcode-swiper> <qrcode-swiper :images="qrimages" @onSwiperChanges="onSwiperChanges"> </qrcode-swiper>
<!-- <l-painter v-for="qrcodesurl in detailAny.ordercode"> <!-- <l-painter v-for="qrcodesurl in detailAny.ordercode">
<l-painter-view css="margin-top: 20rpx;margin-bottom: 20rpx;"> <l-painter-view css="margin-top: 20rpx;margin-bottom: 20rpx;">
@ -493,7 +494,7 @@
// this.qrList = res.data.detail.ordercode; // this.qrList = res.data.detail.ordercode;
this.qrimages = res.data.detail.ordercode; this.qrimages = res.data.detail.ordercode;
this.detailAny = res.data.detail; this.detailAny = res.data.detail;
console.log('{{detailAny.status}}',detailAny.status,detailAny); console.log('{{detailAny.status}}', detailAny.status, detailAny);
this.generateAllQRCodes() this.generateAllQRCodes()
} else { } else {
uni.showToast({ uni.showToast({
@ -1042,6 +1043,33 @@
} }
} }
.thirdCrode-center {
/* 其他样式保持不变 */
min-height: 400rpx;
/* 确保有足够空间 */
position: relative;
.swiper-box {
width: 100%;
height: 350rpx;
/* 与组件内高度一致 */
}
.bottom {
width: 100%;
margin-bottom: 10rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 26rpx;
color: #9C9C9C;
text-align: center;
font-style: normal;
text-transform: none;
}
}
.third-center { .third-center {
padding: 30rpx; padding: 30rpx;
position: relative; position: relative;
@ -1126,6 +1154,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 44rpx; border-radius: 44rpx;
padding-bottom: 30rpx; padding-bottom: 30rpx;
.pop-header { .pop-header {
width: 100%; width: 100%;

2
packageA/my/pendinPayStatus.vue
View File

@ -18,7 +18,7 @@
<view class="first-image flex align-items white-space" style="margin-top: 25rpx;"> <view class="first-image flex align-items white-space" style="margin-top: 25rpx;">
<image :src="detailAny.user.avatar" mode="" <image :src="detailAny.user.avatar" mode=""
style="width: 36rpx;height: 36rpx;border-radius: 50%;"></image> style="width: 36rpx;height: 36rpx;border-radius: 50%;"></image>
<span style="color:#9C9C9C;margin-left: 10rpx;">{{ detailAny.user.nickname }}</span> <span class="white-space" style="color:#9C9C9C;margin-left: 10rpx;width: 210rpx;">{{ detailAny.user.nickname }}</span>
<text style="color:#9C9C9C;margin-left: 20rpx;">/</text> <text style="color:#9C9C9C;margin-left: 20rpx;">/</text>
<span <span
style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</span> style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</span>

185
packageA/qrcodeSwiper.vue
View File

@ -1,15 +1,19 @@
<template> <template>
<view class="carousel-container"> <view class="carousel-container">
<!-- 轮播主体 --> <!-- 轮播主体 -->
<swiper class="swiper-box" :current="currentIndex" @change="onSwiperChange" circular> <swiper class="swiper-box" :current="currentIndex" @change="onSwiperChange" circular
:style="{height: swiperHeight + 'rpx'}">
<swiper-item v-for="(item, index) in images" :key="index" class="swiper-item"> <swiper-item v-for="(item, index) in images" :key="index" class="swiper-item">
<view style="border: 1px solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;"> <view
<image :src="item.codeimage" class="swiper-image" mode="aspectFill" /> style="border: 1px solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;">
<image :src="item.codeimage" class="swiper-image" mode="widthFix" @load="onImageLoad"/>
</view> </view>
<view v-if="item.status==6" style="border: 1px solid #9C9C9C;width: 280rpx;height: 284rpx;margin: 0 auto;border-radius: 8rpx; position: absolute;top: 0;left: 0;right: 0;"> <view v-if="item.status==6"
<image src="/static/qrcode_yes.png" class="swiper-image" mode="aspectFill" /> style="border: 1px solid #9C9C9C;width: 280rpx;height: 284rpx;margin: 0 auto;border-radius: 8rpx; position: absolute;top: 0;left: 0;right: 0;">
<image src="/static/qrcode_yes.png" class="swiper-image" mode="widthFix" />
</view>
<view style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}}
</view> </view>
<view style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}}</view>
</swiper-item> </swiper-item>
</swiper> </swiper>
@ -44,7 +48,8 @@
}, },
data() { data() {
return { return {
currentIndex: 0 currentIndex: 0,
swiperHeight: 350 // 默认高度
}; };
}, },
methods: { methods: {
@ -62,74 +67,180 @@
else if (newIndex >= total) newIndex = 0; // 循环向后 else if (newIndex >= total) newIndex = 0; // 循环向后
this.currentIndex = newIndex; this.currentIndex = newIndex;
},
onImageLoad(e) {
// 动态计算图片高度
const {
width,
height
} = e.detail;
const ratio = height / width;
const calculatedHeight = 280 * ratio; // 280rpx是固定宽度
if (calculatedHeight > this.swiperHeight) {
this.swiperHeight = calculatedHeight + 60; // 60rpx为文字区域预留空间
} }
} }
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.carousel-container { .carousel-container {
position: relative; position: relative;
height: 350rpx; width: 100%;
margin: 0 auto;
} }
.swiper-box { .swiper-box {
width: 100%; width: 100%;
height: 100%;
} }
.swiper-item { .swiper-item {
text-align: center; display: flex;
padding: 3rpx; flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
box-sizing: border-box;
padding: 20rpx 0;
}
.qrcode-container {
position: relative;
width: 280rpx;
height: 280rpx;
border: 1px solid #9C9C9C;
border-radius: 8rpx;
margin: 0 auto;
overflow: hidden;
} }
.swiper-image { .swiper-image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 8rpx; display: block;
}
/* 内边距为边框宽度 */ .used-overlay {
box-sizing: border-box; position: absolute;
/* 内边距和边框计入总尺寸 */ top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: center;
image {
width: 80%;
height: 80%;
}
}
.qrcode-name {
text-align: center;
font-size: 28rpx;
margin-top: 15rpx;
font-weight: 600;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.nav-buttons { .nav-buttons {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 0;
right: 0;
transform: translateY(-50%); transform: translateY(-50%);
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
pointer-events: none; // 防止按钮阻挡滑动
.btn { .btn {
pointer-events: auto;
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
// border-radius: 50%;
// background: rgba(0,0,0,0.3);
color: white;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
image {
width: 50rpx;
height: 50rpx;
}
} }
} }
.dots {
position: absolute;
bottom: 20rpx;
width: 100%;
display: flex;
justify-content: center;
.dot { // .carousel-container {
width: 12rpx; // position: relative;
height: 12rpx; // height: 350rpx;
border-radius: 50%; // }
background: rgba(255, 255, 255, 0.5);
margin: 0 8rpx;
&.active { // .swiper-box {
background: #007AFF; // width: 100%;
transform: scale(1.2); // height: 100%;
} // }
}
} // .swiper-item {
// display: block;
// text-align: center;
// align-items: center;
// justify-content: center;
// padding: 3rpx;
// }
// .swiper-image {
// width: 100%;
// height: 100%;
// border-radius: 8rpx;
// /* 内边距为边框宽度 */
// box-sizing: border-box;
// /* 内边距和边框计入总尺寸 */
// }
// .nav-buttons {
// position: absolute;
// top: 50%;
// transform: translateY(-50%);
// width: 100%;
// display: flex;
// justify-content: space-between;
// .btn {
// width: 60rpx;
// height: 60rpx;
// // border-radius: 50%;
// // background: rgba(0,0,0,0.3);
// color: white;
// display: flex;
// align-items: center;
// justify-content: center;
// }
// }
// .dots {
// position: absolute;
// bottom: 20rpx;
// width: 100%;
// display: flex;
// justify-content: center;
// .dot {
// width: 12rpx;
// height: 12rpx;
// border-radius: 50%;
// background: rgba(255, 255, 255, 0.5);
// margin: 0 8rpx;
// &.active {
// background: #007AFF;
// transform: scale(1.2);
// }
// }
// }
</style> </style>

23
packageB/team/index.vue
View File

@ -16,8 +16,9 @@
</view> </view>
<view style="height: 1px;background-color: #F0F0F0;width: 100%;margin: 30rpx 0px;"></view> <view style="height: 1px;background-color: #F0F0F0;width: 100%;margin: 30rpx 0px;"></view>
</view> </view>
<view style="padding: 30rpx;"> <view style="width: 100%;height: 200rpx;"></view>
<view class="btn_1" @click="show = true;isAdd = 1;"> <view style="padding: 30rpx;position: fixed;bottom: 0rpx;left: 0;width: 92%;z-index: 10;background-color: #ffffff;">
<view class="btn_2" @click="show = true;isAdd = 1;">
<view> <view>
<u-icon name="plus" color="#BBFC5B" size="15"></u-icon> <u-icon name="plus" color="#BBFC5B" size="15"></u-icon>
</view> </view>
@ -206,6 +207,24 @@ export default {
padding-top: 20rpx; padding-top: 20rpx;
} }
.btn_2 {
width: 95%;
height: 90rpx;
background: #323232;
border-radius: 198rpx 198rpx 198rpx 198rpx;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
font-size: 32rpx;
color: #BBFC5B;
line-height: 90rpx;
text-align: center;
margin: 0 auto;
margin-top: 30rpx;
display: flex;
align-items: center;
justify-content: center;
}
.btn_1 { .btn_1 {
width: 95%; width: 95%;
height: 90rpx; height: 90rpx;