laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI更新

Browse Source
This commit is contained in:
kron
2025-08-12 18:33:39 +08:00
parent 32bc4f0cf8
commit 5709035d4b
22 changed files with 530 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/pages/ranking.vue
View File

@@ -188,12 +188,23 @@ onShow(async () => {
<text>积分：{{ rankData.user.scores }}</text>
</view>
</view>
<view class="rank-type">
<view class="battle-types">
<image src="../static/battle-choose.png" mode="widthFix" />
<image
src="../static/battle1v1.png"
mode="widthFix"
@click.stop="() => toMatchPage(1, 2)"
/>
<image
src="../static/battle2v2.png"
mode="widthFix"
@click.stop="() => toMatchPage(1, 4)"
/>
<image
src="../static/battle3v3.png"
mode="widthFix"
@click.stop="() => toMatchPage(1, 6)"
/>
<image
src="../static/battle5.png"
mode="widthFix"
@@ -215,7 +226,7 @@ onShow(async () => {
<view
:style="{
width: `${currentSeasonData['1v1'].winRate}%`,
backgroundColor: '#FF507E',
backgroundColor: '#9479FF',
}"
/>
</view>
@@ -223,7 +234,37 @@ onShow(async () => {
<view class="data-progress">
<text>
{{
`【5人大乱斗】${currentSeasonData["5m"].totalGames}场 胜率 ${currentSeasonData["5m"].winRate}%`
`【2 V 2】${currentSeasonData["1v1"].totalGames}场 胜率 ${currentSeasonData["1v1"].winRate}%`
}}
</text>
<view>
<view
:style="{
width: `${currentSeasonData['1v1'].winRate}%`,
backgroundColor: '#69B5FF',
}"
/>
</view>
</view>
<view class="data-progress">
<text>
{{
`【3 V 3】${currentSeasonData["1v1"].totalGames}场 胜率 ${currentSeasonData["1v1"].winRate}%`
}}
</text>
<view>
<view
:style="{
width: `${currentSeasonData['1v1'].winRate}%`,
backgroundColor: '#FF8C8C',
}"
/>
</view>
</view>
<view class="data-progress">
<text>
{{
`【5人大乱斗】${currentSeasonData["5m"].totalGames}场 得分率 ${currentSeasonData["5m"].winRate}%`
}}
</text>
<view>
@@ -238,14 +279,14 @@ onShow(async () => {
<view class="data-progress">
<text>
{{
`【10人大乱斗】${currentSeasonData["10m"].totalGames}场 胜率 ${currentSeasonData["10m"].winRate}%`
`【10人大乱斗】${currentSeasonData["10m"].totalGames}场 得分率 ${currentSeasonData["10m"].winRate}%`
}}
</text>
<view>
<view
:style="{
width: `${currentSeasonData['10m'].winRate}%`,
backgroundColor: '#FFD947',
backgroundColor: '#F27ADF',
}"
/>
</view>
@@ -408,15 +449,16 @@ onShow(async () => {
.my-data > view > text:last-child {
font-size: 18px;
}
.rank-type {
display: flex;
justify-content: space-between;
align-items: center;
.battle-types {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
margin-top: 15px;
row-gap: 8px;
column-gap: 8px;
}
.rank-type > image {
width: 32%;
.battle-types > image {
width: 100%;
}
.data-progress {
width: 100%;
@@ -425,6 +467,7 @@ onShow(async () => {
flex-direction: column;
align-items: flex-start;
margin-top: 15px;
font-size: 14px;
}
.data-progress > view {
width: 100%;