This commit is contained in:
zpc 2026-02-03 15:51:43 +08:00
parent fd912a0d90
commit c162a647bb
2 changed files with 21 additions and 8 deletions

View File

@ -76,12 +76,12 @@ export default {
}
._priv_pop_bd_content {
color: #aaa;
color: #666;
font-size: 26rpx;
line-height: 1.7;
text {
color: #d0d1ff;
color: #03D8F4;
}
}
@ -97,11 +97,11 @@ export default {
justify-content: center;
align-items: center;
position: relative;
background: #D8FD24;
background: #03D8F4;
border-radius: 40rpx;
filter: grayscale(1);
font-size: 30rpx;
color: #fff;
color: #404040;
.hide {
position: absolute;
@ -118,7 +118,7 @@ export default {
z-index: 1;
border: 0;
filter: grayscale(0);
color: #000;
color: #404040;
}
}
}

View File

@ -22,7 +22,7 @@
v-for="(item, index) in checkinData.TotalCheckinList" :key="index"
@tap="showTips(item, $event, index)">
<image :src="item.icon"
style="width: 71.7rpx; height: 72rpx; position: absolute;" mode=""></image>
style="width: 71.7rpx; height: 72rpx; position: absolute;" mode="aspectFit"></image>
<image v-if="item.isClaim" :src="$img('/static/checkin/Claimed.png')"
style="width: 71.7rpx; height: 72rpx; position: absolute;" mode=""></image>
@ -44,7 +44,7 @@
<scroll-view scroll-y="true" style="width: 632rpx; height: 600rpx;">
<view class="grid-container">
<view class="grid-item" v-for="(item, index) in checkinData.CheckinList" :key="index" style="">
<image :src="item.icon">
<image :src="item.icon" mode="aspectFit">
</image>
<!-- <image v-if="!item.isClaim" style="z-index: 10;"
:src="$img('/static/checkin/Expired.png')" mode=""></image> -->
@ -251,13 +251,26 @@ export default {
animation: scaleIn 0.5s ease-out;
animation-fill-mode: both;
transition: transform 0.3s ease, box-shadow 0.3s ease;
background-color: #F5F5F5;
border-radius: 8rpx;
&:active {
transform: scale(0.95);
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
>image {
>image:first-child {
width: 60rpx;
height: 60rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: -10rpx;
transition: all 0.3s ease;
}
>image:not(:first-child) {
width: 100%;
height: 100%;
position: absolute;