zfc/bindbox-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改了对对碰的背景样式

Browse Source
This commit is contained in:
tsui110 2025-12-30 23:39:24 +08:00
parent ef4e4599f4
commit 054b849374
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
pages-activity/activity/duiduipeng/index.vue
View File

@ -134,6 +134,7 @@
>
<image v-if="cell.image" class="match-cell-img-large" :src="cell.image" mode="aspectFill" />
<view v-else class="match-cell-img-large"></view>
<image v-if="cell.empty" class="match-cell-logo" src="/static/logo.png" mode="aspectFit" />
<text v-if="!cell.empty && cell.type" class="match-cell-type-large">{{ cell.type }}</text>
</view>
</view>
@ -2335,9 +2336,13 @@ onLoad((opts) => {
background: rgba(255, 255, 255, 0.1);
border: 2rpx solid rgba(255, 255, 255, 0.15);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
&.empty {
background: rgba(255, 255, 255, 0.03);
background-color: rgba(255, 255, 255, 0.03);
background-image: url('/static/logo.png');
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
border-style: dashed;
border-color: rgba(255, 255, 255, 0.1);
}
@ -2364,6 +2369,22 @@ onLoad((opts) => {
background: rgba(255, 255, 255, 0.05);
}
.match-cell-logo {
width: 60%;
height: 60%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.3;
pointer-events: none;
z-index: 1;
}
.match-cell-large.empty .match-cell-img-large {
background: transparent;
}
.match-cell-type-large {
position: absolute;
left: 12rpx;