相框获取字段修改

This commit is contained in:
kron
2025-07-14 15:13:10 +08:00
parent e685383581
commit 1de8ba6d9d
7 changed files with 29 additions and 33 deletions

View File

@@ -10,7 +10,7 @@ const props = defineProps({
type: String,
default: "",
},
score: {
rankLvl: {
type: Number,
default: undefined,
},
@@ -33,10 +33,10 @@ const props = defineProps({
});
const avatarFrame = ref("");
watch(
() => [config.value, props.score],
() => [config.value, props.rankLvl],
() => {
if (props.score !== undefined) {
avatarFrame.value = getLvlImage(props.score);
if (props.rankLvl !== undefined) {
avatarFrame.value = getLvlImage(props.rankLvl);
}
},
{

View File

@@ -50,7 +50,7 @@ defineProps({
</view>
<view v-if="blueTeam.length && redTeam.length" class="players">
<view>
<Avatar :src="blueTeam[0].avatar" :score="blueTeam[0].totalScore" />
<Avatar :src="blueTeam[0].avatar" :rankLvl="blueTeam[0].rankLvl" />
<text class="player-name">{{ blueTeam[0].name }}</text>
<image
v-if="winner === 1"
@@ -62,7 +62,7 @@ defineProps({
<Avatar
v-if="redTeam[0]"
:src="redTeam[0].avatar"
:score="redTeam[0].totalScore"
:rankLvl="redTeam[0].rankLvl"
/>
<text class="player-name">{{ redTeam[0].name }}</text>
<image

View File

@@ -29,7 +29,7 @@ const props = defineProps({
<AppBackground :type="1" />
<view class="header">
<view>
<Avatar :src="user.avatar" :score="user.scores" :size="45" />
<Avatar :src="user.avatar" :rankLvl="user.rankLvl" :size="45" />
<view>
<text>{{ user.nickName }}</text>
<text>{{ user.lvlName }}</text>

View File

@@ -58,7 +58,7 @@ watch(
<view class="container" :style="{ width: containerWidth }">
<block v-if="user.id">
<Avatar
:score="user.scores"
:rankLvl="user.rankLvl"
:src="user.avatar"
:onClick="toUserPage"
:size="42"
@@ -203,7 +203,7 @@ watch(
}
.rank-info {
width: 68px;
width: 70px;
text-align: left;
font-size: 12px;
position: relative;

View File

@@ -86,7 +86,7 @@ const onPractiseLoading = async (page) => {
<block v-if="item.bluePlayers[0]">
<view class="player">
<Avatar
:score="item.bluePlayers[0].totalScore"
:rankLvl="item.bluePlayers[0].rankLvl"
:src="item.bluePlayers[0].avatar"
/>
<text>{{ item.bluePlayers[0].name }}</text>
@@ -100,7 +100,7 @@ const onPractiseLoading = async (page) => {
<block v-if="item.redPlayers[0]">
<view class="player">
<Avatar
:score="item.redPlayers[0].totalScore"
:rankLvl="item.redPlayers[0].rankLvl"
:src="item.redPlayers[0].avatar"
/>
<text>{{ item.redPlayers[0].name }}</text>
@@ -143,7 +143,7 @@ const onPractiseLoading = async (page) => {
<block v-if="item.bluePlayers[0]">
<view class="player">
<Avatar
:score="item.bluePlayers[0].totalScore"
:rankLvl="item.bluePlayers[0].rankLvl"
:src="item.bluePlayers[0].avatar"
/>
<text>{{ item.bluePlayers[0].name }}</text>
@@ -157,7 +157,7 @@ const onPractiseLoading = async (page) => {
<block v-if="item.redPlayers[0]">
<view class="player">
<Avatar
:score="item.redPlayers[0].totalScore"
:rankLvl="item.redPlayers[0].rankLvl"
:src="item.redPlayers[0].avatar"
/>
<text>{{ item.redPlayers[0].name }}</text>

View File

@@ -150,7 +150,7 @@ onHide(() => {
<view class="user-info">
<Avatar
:src="user.avatar"
:score="rankData.user.scores"
:rankLvl="rankData.user.rankLvl"
:size="30"
/>
<text>{{ user.nickName }}</text>

View File

@@ -23,15 +23,11 @@ const getLvlName = (score, rankList = []) => {
return lvlName;
};
const getLvlImage = (score, rankList = []) => {
// 先保存到本地,分享只能用本地图片
const getLvlImage = (rankLvl, rankList = []) => {
let lvlImage = "";
rankList.some((r, index) => {
if (r.rank_id === rankLvl) {
lvlImage = rankList[index].icoin;
if (r.upgrade_scores > score) {
if (rankList[index - 1]) {
lvlImage = rankList[index - 1].icoin;
}
return true;
}
return false;
@@ -67,8 +63,8 @@ export default defineStore("store", {
getLvlName(score) {
return getLvlName(score, this.config.randInfos);
},
getLvlImage(score) {
return getLvlImage(score, this.config.randInfos);
getLvlImage(rankLvl) {
return getLvlImage(rankLvl, this.config.randInfos);
},
updateRank(data = {}) {
this.rankData = { rank: data.rank || [], ringRank: data.ringRank || [] };
@@ -82,12 +78,12 @@ export default defineStore("store", {
}
if (this.user.scores !== undefined) {
this.user.lvlName = getLvlName(this.user.scores, this.config.randInfos);
const lvlImage = getLvlImage(this.user.scores, this.config.randInfos);
}
const lvlImage = getLvlImage(this.user.rankLvl, this.config.randInfos);
if (lvlImage) {
const imageInfo = await uni.getImageInfo({ src: lvlImage });
this.user.lvlImage = imageInfo.path;
}
}
},
updateDevice(deviceId, deviceName) {
this.device.deviceId = deviceId;
@@ -97,12 +93,12 @@ export default defineStore("store", {
this.config = config;
if (this.user.scores !== undefined) {
this.user.lvlName = getLvlName(this.user.scores, this.config.randInfos);
const lvlImage = getLvlImage(this.user.scores, this.config.randInfos);
}
const lvlImage = getLvlImage(this.user.rankLvl, this.config.randInfos);
if (lvlImage) {
const imageInfo = await uni.getImageInfo({ src: lvlImage });
this.user.lvlImage = imageInfo.path;
}
}
},
},