huxuejian/ykt-team-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复苹果端领取bug

Browse Source
This commit is contained in:
zhanchao 2026-08-17 16:13:10 +08:00
parent 58c9329eb6
commit 6aa126bc81
1 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
pages/experience-coupon/claim.vue
View File

@ -5,17 +5,24 @@
<view v-if="tip" class="tip">{{ tip }}</view> <view v-if="tip" class="tip">{{ tip }}</view>
<view v-else class="tip">加载中...</view> <view v-else class="tip">加载中...</view>
</view> </view>
</full-page>
<view v-if="posterVisible" class="poster-mask"> <!-- Keep the fixed overlay outside full-page's scroll-view for iOS compatibility. -->
<view class="poster-dialog"> <view v-if="posterVisible" class="poster-mask">
<image class="poster-image" :src="issue?.posterUrl || ''" mode="widthFix" /> <view class="poster-dialog">
<view class="poster-content">{{ buildClaimContent() }}</view> <image
<view class="poster-btn" :class="{ disabled: claiming }" @click="acceptCoupon"> v-if="issue?.posterUrl"
{{ claiming ? "领取中..." : "接受" }} class="poster-image"
</view> :src="issue.posterUrl"
mode="aspectFit"
/>
<view v-else class="poster-image poster-image--placeholder">体验券</view>
<view class="poster-content">{{ buildClaimContent() }}</view>
<view class="poster-btn" :class="{ disabled: claiming }" @click="acceptCoupon">
{{ claiming ? "领取中..." : "接受" }}
</view> </view>
</view> </view>
</full-page> </view>
</view> </view>
</template> </template>
@ -372,7 +379,10 @@ onShow(() => {
.poster-mask { .poster-mask {
position: fixed; position: fixed;
inset: 0; top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000; z-index: 1000;
display: flex; display: flex;
align-items: center; align-items: center;
@ -385,6 +395,7 @@ onShow(() => {
.poster-dialog { .poster-dialog {
width: 100%; width: 100%;
max-width: 620rpx; max-width: 620rpx;
max-height: calc(100vh - 80rpx);
overflow: hidden; overflow: hidden;
border-radius: 20rpx; border-radius: 20rpx;
background: #fff; background: #fff;
@ -393,15 +404,26 @@ onShow(() => {
.poster-image { .poster-image {
display: block; display: block;
width: 100%; width: 100%;
height: 58vh;
max-height: 700rpx; max-height: 700rpx;
background: #f5f7fa; background: #f5f7fa;
} }
.poster-image--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: #9aa5b1;
font-size: 32rpx;
}
.poster-content { .poster-content {
padding: 28rpx 30rpx 8rpx; padding: 28rpx 30rpx 8rpx;
color: #333; color: #333;
font-size: 28rpx; font-size: 28rpx;
line-height: 1.6; line-height: 1.6;
max-height: 160rpx;
overflow: hidden;
} }
.poster-btn { .poster-btn {
@ -419,4 +441,4 @@ onShow(() => {
.poster-btn.disabled { .poster-btn.disabled {
opacity: 0.6; opacity: 0.6;
} }
</style> </style>