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

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

parent 6d448527
...@@ -244,7 +244,7 @@ onBeforeUnmount(() => { ...@@ -244,7 +244,7 @@ onBeforeUnmount(() => {
</div> </div>
</div> </div>
</template> </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" /> @touchGameRule="showGameRuleHandler" />
<PlayingView v-else-if="currentView === 'playing'" :image-urls="imageUrls" :tick="tick" :rank="rank" <PlayingView v-else-if="currentView === 'playing'" :image-urls="imageUrls" :tick="tick" :rank="rank"
:currentHorse="currentHorse" :currentYaoyiyao="currentYaoyiyao" :countdown-interval="countdownInterval" :currentHorse="currentHorse" :currentYaoyiyao="currentYaoyiyao" :countdown-interval="countdownInterval"
......
<script setup lang="ts"> <script setup lang="ts">
import { $getWechat } from '@/commons/utils.ts'
import { onMounted, ref } from 'vue';
defineProps<{ defineProps<{
imageUrls: Record<string, string> imageUrls: Record<string, string>
tick: number tick: number
...@@ -9,6 +12,14 @@ defineEmits<{ ...@@ -9,6 +12,14 @@ defineEmits<{
replay: [] replay: []
back: [] back: []
}>() }>()
const nickname = ref('');
const avatar = ref('');
onMounted(() => {
const wechat = $getWechat();
nickname.value = wechat.nickname;
avatar.value = wechat.avatar;
});
</script> </script>
<template> <template>
...@@ -16,9 +27,9 @@ defineEmits<{ ...@@ -16,9 +27,9 @@ defineEmits<{
<div class="img-logo"></div> <div class="img-logo"></div>
<!-- <div class="bg-bottom"></div> --> <!-- <div class="bg-bottom"></div> -->
<div class="img-score"> <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 class="score-content">
<div>张小明</div> <div>{{ nickname }}</div>
<div>您的成绩</div> <div>您的成绩</div>
<div></div> <div></div>
<div>{{ tick }}</div> <div>{{ tick }}</div>
...@@ -73,10 +84,10 @@ defineEmits<{ ...@@ -73,10 +84,10 @@ defineEmits<{
.score-avatar { .score-avatar {
position: absolute; position: absolute;
top: -20px; top: -35px;
left: 50%; left: 50%;
width: 60px; /* width: 60px;
height: 60px; height: 60px; */
background: v-bind('imageUrls.avatar') center/cover; background: v-bind('imageUrls.avatar') center/cover;
transform: translateX(-50%) scale(2); 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