优化代码

This commit is contained in:
pengxiaolong
2025-08-27 22:06:45 +08:00
parent 50f3126fc1
commit d294f62469
26 changed files with 1172 additions and 507 deletions

View File

@@ -46,7 +46,8 @@
<div class="content-left">
<div class="name">{{ item.anchorIdA }}</div>
<div class="time">
PK时间{{ TimestamptolocalTime(item.pkTime * 1000) }}
{{t('PKTime')+TimestamptolocalTime(item.pkTime * 1000) }}
<!-- gjPK时间 -->
</div>
<div class="gold" v-if="item.userACoins != null">
<img
@@ -54,7 +55,8 @@
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png"
alt=""
/>
实际金币数
{{ t('ActualNumberOfGoldCoins') }}
<!-- gj实际金币数 -->
<div class="gold-num">
{{ goldCoinCalculation(item.userACoins) }}
</div>
@@ -72,7 +74,7 @@
<div class="content-right">
<div class="name">{{ item.anchorIdB }}</div>
<div class="time">
PK时间{{ TimestamptolocalTime(item.pkTime * 1000) }}
{{t('PKTime')+TimestamptolocalTime(item.pkTime * 1000) }}
</div>
<div class="gold" v-if="item.userBCoins != null">
<img
@@ -80,7 +82,8 @@
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/gold.png"
alt=""
/>
实际金币数
{{ t('ActualNumberOfGoldCoins') }}
<!-- gj实际金币数 -->
<div class="gold-num">
{{ goldCoinCalculation(item.userBCoins) }}
</div>
@@ -94,7 +97,8 @@
</div>
</div>
<div class="chatNotDeta"v-if="list.length === 0">
<div class="chatNotDeta-text">您还没有PK记录</div>
<div class="chatNotDeta-text">{{ t('YouDonHaveAPKRecordYet') }}</div>
<!-- gj您还没有PK记录 -->
</div>
</div>
</el-splitter-panel>
@@ -117,7 +121,8 @@
<div class="altogether">
<div class="altogethercard">
<div class="altogether-num">
总共{{ goldCoinCalculation(selectedData.userACoins) }}
{{t('InTotal')+goldCoinCalculation(selectedData.userACoins) }}
<!-- gj总计 -->
</div>
<img
class="altogether-icon"
@@ -125,7 +130,8 @@
alt=""
/>
<div class="altogether-num">
总共{{ goldCoinCalculation(selectedData.userBCoins) }}
{{t('InTotal')+goldCoinCalculation(selectedData.userBCoins) }}
<!-- gj总计 -->
</div>
</div>
</div>
@@ -139,7 +145,8 @@
background: item.anchorCoinA > item.anchorCoinB ? '#D1F6F7' : '#F9DFD9',
}"
>
{{ index + 1 }}:
{{t('The')+index + 1+t('THInning') }}:
<!-- gj第几局 -->
{{ goldCoinCalculation(item.anchorCoinA) }}
</div>
</div>
@@ -152,14 +159,15 @@
background: item.anchorCoinB > item.anchorCoinA ? '#D1F6F7' : '#F9DFD9',
}"
>
{{ index + 1 }}:
{{t('The')+index + 1+t('THInning') }}:
<!-- gj第几局 -->
{{ goldCoinCalculation(item.anchorCoinB) }}
</div>
</div>
</div>
</div>
<div class="notdata" v-if="selectedData == null">
<div class="chatNotDeta-text">右方选择记录立即查看详情</div>
<div class="chatNotDeta-text">{{ t('SelectRecordOnTheRightToViewDetailsImmediately') }}</div>
</div>
</el-splitter-panel>
</el-splitter>
@@ -180,18 +188,26 @@ import { getPromiseStorage } from "@/utils/storage.js";
import { TimestamptolocalTime } from "@/utils/timeConversion.js";
import { goldCoinCalculation } from "@/utils/goldCoinCalculation.js";
//
import { useI18n } from "vue-i18n";
const { t } = useI18n();
window["$t"] = t;
//
const user = ref(null); // 用户信息
const refname = ref("");
const segmentedvalue = ref(1);
const options = [
{
label: "我发布的PK",
label: t('ThePKIPosted'),
// gj发布的PK
value: 1,
icon: require("@/assets/Publish.png"),
SelectedIcon: require("@/assets/PublishSelected.png"),
},
{
label: "我邀请的PK",
label: t('ThePKIInvited'),
// gj邀请的PK
value: 2,
icon: require("@/assets/Invitation.png"),
SelectedIcon: require("@/assets/InvitationSelected.png"),
@@ -219,10 +235,8 @@ function optionsclick(value) {
selectedData.value = null;
if (value === 1) {
list.value = IPKPostedData.value;
console.log("我发布的PK", list.value);
} else {
list.value = InvitationData.value;
console.log("我邀请的PK", list.value);
}
}
@@ -385,7 +399,7 @@ onUnmounted(() => {
display: flex;
}
.Options {
width: 178px;
width: 300px;
height: 100px;
margin-right: 120px;
display: flex;