Commit 885f0a7f authored by 董政锦's avatar 董政锦

style: 结果页面头像大小样式;

parent 6d448527
......@@ -244,7 +244,7 @@ onBeforeUnmount(() => {
</div>
</div>
</template>
<LoadingView v-if="currentView === 'loading'" :image-urls="imageUrls" :user-join-status="userJoinStatus"
<LoadingView v-if="currentView !== 'loading'" :image-urls="imageUrls" :user-join-status="userJoinStatus"
@touchGameRule="showGameRuleHandler" />
<PlayingView v-else-if="currentView === 'playing'" :image-urls="imageUrls" :tick="tick" :rank="rank"
:currentHorse="currentHorse" :currentYaoyiyao="currentYaoyiyao" :countdown-interval="countdownInterval"
......
<script setup lang="ts">
import { $getWechat } from '@/commons/utils.ts'
import { onMounted, ref } from 'vue';
defineProps<{
imageUrls: Record<string, string>
tick: number
......@@ -9,6 +12,14 @@ defineEmits<{
replay: []
back: []
}>()
const nickname = ref('');
const avatar = ref('');
onMounted(() => {
const wechat = $getWechat();
nickname.value = wechat.nickname;
avatar.value = wechat.avatar;
});
</script>
<template>
......@@ -16,9 +27,9 @@ defineEmits<{
<div class="img-logo"></div>
<!-- <div class="bg-bottom"></div> -->
<div class="img-score">
<div class="score-avatar"></div>
<div class="score-avatar" :style="`background: url(${avatar});border-radius:66px;width:78px;height:78px;`"></div>
<div class="score-content">
<div>张小明</div>
<div>{{ nickname }}</div>
<div>您的成绩</div>
<div></div>
<div>{{ tick }}</div>
......@@ -73,10 +84,10 @@ defineEmits<{
.score-avatar {
position: absolute;
top: -20px;
top: -35px;
left: 50%;
width: 60px;
height: 60px;
/* width: 60px;
height: 60px; */
background: v-bind('imageUrls.avatar') center/cover;
transform: translateX(-50%) scale(2);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment