x
This commit is contained in:
parent
575ccb2cfa
commit
e0a1d6e934
@ -51,14 +51,6 @@
|
|||||||
<text class="enter-btn-text">{{ entering ? '正在进入...' : (ticketCount > 0 ? '立即开局' : '资格不足') }}</text>
|
<text class="enter-btn-text">{{ entering ? '正在进入...' : (ticketCount > 0 ? '立即开局' : '资格不足') }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view
|
|
||||||
class="btn-free"
|
|
||||||
:class="{ disabled: entering }"
|
|
||||||
@tap="enterGame('minesweeper_free')"
|
|
||||||
>
|
|
||||||
<text class="free-btn-text">🍭 练习试玩 </text>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view
|
<view
|
||||||
class="btn-secondary"
|
class="btn-secondary"
|
||||||
@tap="goRoomList"
|
@tap="goRoomList"
|
||||||
@ -108,7 +100,7 @@ export default {
|
|||||||
},
|
},
|
||||||
async enterGame(code) {
|
async enterGame(code) {
|
||||||
const targetCode = code || this.gameCode
|
const targetCode = code || this.gameCode
|
||||||
if (targetCode !== 'minesweeper_free' && this.ticketCount <= 0) return
|
if (this.ticketCount <= 0) return
|
||||||
if (this.entering) return
|
if (this.entering) return
|
||||||
|
|
||||||
this.entering = true
|
this.entering = true
|
||||||
@ -324,35 +316,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-free {
|
|
||||||
margin-top: 24rpx;
|
|
||||||
height: 110rpx;
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 55rpx;
|
|
||||||
background: rgba($brand-primary, 0.15);
|
|
||||||
border: 1px solid rgba($brand-primary, 0.3);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
transition: all 0.2s;
|
|
||||||
|
|
||||||
&:active {
|
|
||||||
transform: scale(0.98);
|
|
||||||
background: rgba($brand-primary, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.free-btn-text {
|
|
||||||
color: $brand-primary;
|
|
||||||
font-size: 32rpx;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
margin-top: 24rpx;
|
margin-top: 24rpx;
|
||||||
background: rgba(255,255,255,0.05);
|
background: rgba(255,255,255,0.05);
|
||||||
|
|||||||
@ -2,22 +2,10 @@
|
|||||||
<view class="page">
|
<view class="page">
|
||||||
<view class="bg-decoration"></view>
|
<view class="bg-decoration"></view>
|
||||||
|
|
||||||
<!-- Tab 切换 -->
|
<!-- 对战分说明 -->
|
||||||
<view class="tab-bar glass-card">
|
<view class="score-tip glass-card">
|
||||||
<view
|
<text class="score-tip-icon">💡</text>
|
||||||
class="tab-item"
|
<text class="score-tip-text">对战分 = 游戏内排名积分,赢局 +1000 基础分,得分/伤害/宝箱均有加成,与平台充值积分无关</text>
|
||||||
:class="{ active: gameType === 'minesweeper' }"
|
|
||||||
@tap="switchTab('minesweeper')"
|
|
||||||
>
|
|
||||||
<text class="tab-text">付费模式</text>
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
class="tab-item"
|
|
||||||
:class="{ active: gameType === 'minesweeper_free' }"
|
|
||||||
@tap="switchTab('minesweeper_free')"
|
|
||||||
>
|
|
||||||
<text class="tab-text">免费模式</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 我的排名 -->
|
<!-- 我的排名 -->
|
||||||
@ -44,7 +32,7 @@
|
|||||||
<view class="my-divider"></view>
|
<view class="my-divider"></view>
|
||||||
<view class="my-right">
|
<view class="my-right">
|
||||||
<text class="my-pts">{{ myRank.total_rank_points || 0 }}</text>
|
<text class="my-pts">{{ myRank.total_rank_points || 0 }}</text>
|
||||||
<text class="my-pts-label">积分</text>
|
<text class="my-pts-label">对战分</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -123,11 +111,6 @@ export default {
|
|||||||
this.fetchList(true)
|
this.fetchList(true)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
switchTab(type) {
|
|
||||||
if (this.gameType === type) return
|
|
||||||
this.gameType = type
|
|
||||||
this.fetchList(true)
|
|
||||||
},
|
|
||||||
async fetchList(reset = false) {
|
async fetchList(reset = false) {
|
||||||
if (reset) {
|
if (reset) {
|
||||||
this.list = []
|
this.list = []
|
||||||
@ -179,36 +162,27 @@ export default {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tab */
|
/* 对战分说明 */
|
||||||
.tab-bar {
|
.score-tip {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 10;
|
z-index: 5;
|
||||||
|
margin: 0 32rpx 20rpx;
|
||||||
|
padding: 20rpx 24rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 24rpx 32rpx 20rpx;
|
align-items: flex-start;
|
||||||
padding: 8rpx;
|
gap: 12rpx;
|
||||||
border-radius: $radius-round;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-item {
|
.score-tip-icon {
|
||||||
flex: 1;
|
font-size: 28rpx;
|
||||||
height: 72rpx;
|
flex-shrink: 0;
|
||||||
display: flex;
|
line-height: 1.6;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
border-radius: $radius-round;
|
|
||||||
transition: all $transition-normal $ease-out;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background: $gradient-brand;
|
|
||||||
box-shadow: $shadow-warm;
|
|
||||||
.tab-text { color: #fff; font-weight: 700; }
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-text {
|
.score-tip-text {
|
||||||
font-size: $font-md;
|
font-size: 22rpx;
|
||||||
color: $text-sub;
|
color: $text-sub;
|
||||||
font-weight: 600;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 我的排名 */
|
/* 我的排名 */
|
||||||
@ -296,6 +270,7 @@ export default {
|
|||||||
/* 列表 */
|
/* 列表 */
|
||||||
.list-wrap {
|
.list-wrap {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
padding: 0 32rpx;
|
padding: 0 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user