1、待核销二维码的报名信息展示
2、待支付、已完成等报名信息展示，但是有滚动条存在
This commit is contained in:
parent
1aeec910c9
commit
2d17393e1e
@ -1062,7 +1062,7 @@
|
|||||||
|
|
||||||
.bottom {
|
.bottom {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 20rpx;
|
||||||
font-family: PingFang SC, PingFang SC;
|
font-family: PingFang SC, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
|
|
||||||
<view class="first-box flex flex-start flex-column justify-start">
|
<view class="first-box flex flex-start flex-column justify-start">
|
||||||
<view class="flex align-items justify-center" @click="openInfo()">
|
<view class="flex align-items justify-center" @click="openInfo()">
|
||||||
<image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode=""></image>
|
<image class="head_img" v-if="detail.images!=[]" :src="detail.images[0]" mode=""></image>
|
||||||
<view style="margin-left: 20rpx;">
|
<view style="margin-left: 20rpx;">
|
||||||
<view class="flex align-items">
|
<view class="flex align-items">
|
||||||
<span class="first-name" style="font-weight: 600;">{{detail.title}}</span>
|
<span class="first-name" style="font-weight: 600;">{{detail.title}}</span>
|
||||||
@ -18,7 +18,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>
|
||||||
<span class="white-space" style="color:#9C9C9C;margin-left: 10rpx;width: 210rpx;">{{ 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>
|
||||||
@ -55,6 +56,33 @@
|
|||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
<!-- 报名信息 -->
|
||||||
|
<view class="signUpInfo">
|
||||||
|
<view class="signInfo-top flex align-items">
|
||||||
|
<view>报名信息
|
||||||
|
<image class="icons" src="/static/detail/xiangqing.png"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view class="signBoxList" scroll-y="true" :show-scrollbar="false">
|
||||||
|
<view class="sign-item" v-for="(item,index) in detailAny.ordercode" :key="index">
|
||||||
|
<view style="font-size: 28rpx;font-weight: 400;line-height: 28rpx;color: #323232;">{{item.name}}
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="font-size: 24rpx;margin-top: 10rpx;font-weight: 400;color: #9c9c9c;line-height: 24rpx;">
|
||||||
|
{{item.idnum}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <view class="signList">
|
||||||
|
|
||||||
|
</view> -->
|
||||||
|
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="third flex flex-column" style="justify-content: flex-start;">
|
<view class="third flex flex-column" style="justify-content: flex-start;">
|
||||||
<view class="third-center">
|
<view class="third-center">
|
||||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
|
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
|
||||||
@ -82,8 +110,7 @@
|
|||||||
<span>付款时间</span>
|
<span>付款时间</span>
|
||||||
<span style="color: #323232;">{{ formattime(detailAny.paytime)}}</span>
|
<span style="color: #323232;">{{ formattime(detailAny.paytime)}}</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex w-100 space-between hui align-items"
|
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
|
||||||
style="margin-top: 30rpx;">
|
|
||||||
<span>备注</span>
|
<span>备注</span>
|
||||||
<span style="color: #323232;">{{ detailAny.desc}}</span>
|
<span style="color: #323232;">{{ detailAny.desc}}</span>
|
||||||
</view>
|
</view>
|
||||||
@ -169,12 +196,10 @@
|
|||||||
} from '../../utils/dateFormat'
|
} from '../../utils/dateFormat'
|
||||||
export default {
|
export default {
|
||||||
computed: {
|
computed: {
|
||||||
// formattedTitle() {
|
scrollViewHeight() {
|
||||||
// if (this.detail.title.length > 9) {
|
// 假设每条内容高度 80rpx，最小高度 100rpx
|
||||||
// return this.detail.title.slice(0, 9) + '..';
|
return Math.max(this.detailAny.ordercode.length * 80, 100);
|
||||||
// }
|
},
|
||||||
// return this.detail.title;
|
|
||||||
// },
|
|
||||||
formattedTimeList() {
|
formattedTimeList() {
|
||||||
return this.timeList.map(item => {
|
return this.timeList.map(item => {
|
||||||
const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
|
const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
|
||||||
@ -492,6 +517,13 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
/* 微信小程序隐藏滚动条 */
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.detail_all {
|
.detail_all {
|
||||||
background-color: #f7f7f7;
|
background-color: #f7f7f7;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@ -517,6 +549,10 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
.flex-column {
|
.flex-column {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
@ -655,6 +691,97 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.signUpInfo {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 366rpx;
|
||||||
|
padding: 30rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 44rpx;
|
||||||
|
|
||||||
|
.signInfo-top {
|
||||||
|
font-family: PingFang SC, PingFang SC;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #323232;
|
||||||
|
line-height: 50rpx;
|
||||||
|
// margin-top: 30rpx;
|
||||||
|
// margin-left: 30rpx;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
|
||||||
|
view {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.icons {
|
||||||
|
width: 37rpx;
|
||||||
|
height: 20rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.signBoxList {
|
||||||
|
display: grid;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
width: 630rpx;
|
||||||
|
height: 246rpx;
|
||||||
|
padding-right: 0 !important;
|
||||||
|
overflow: hidden;
|
||||||
|
// overflow-y: auto;
|
||||||
|
// scrollbar-width: none;/* Firefox */
|
||||||
|
// -ms-overflow-style: none;/* IE/Edge */
|
||||||
|
// overflow-clip-margin: content-box;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-overflow-scrolling: touch; /* 平滑滚动 */
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
-ms-overflow-style: none; /* IE/Edge */
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none !important;
|
||||||
|
width: 0 !important;
|
||||||
|
height: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// &::-webkit-scrollbar {
|
||||||
|
// display: none !important; /* Chrome/Safari */
|
||||||
|
// }
|
||||||
|
|
||||||
|
// ::v-deep .signBoxList::-webkit-scrollbar {
|
||||||
|
// display: none !important;
|
||||||
|
// }
|
||||||
|
|
||||||
|
.scroll-view-class .inner-content {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
/* 避免内容溢出容器 */
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.sign-item {
|
||||||
|
width: 630rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
|
|||||||
@ -17,6 +17,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<view style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}}
|
<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: 10rpx;font-weight: 600;">{{item.idnum}}
|
||||||
|
</view>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
</swiper>
|
</swiper>
|
||||||
|
|
||||||
@ -52,7 +54,7 @@
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
currentIndex: 0,
|
currentIndex: 0,
|
||||||
swiperHeight: 350 // 默认高度
|
swiperHeight: 400 // 默认高度
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user