feat(总排行榜): 添加图片最小高度
This commit is contained in:
parent
2cdbbc4641
commit
99b83a6976
@ -1,7 +1,7 @@
|
|||||||
<!-- src/views/Ranking/Overall/components/topUser.vue -->
|
<!-- src/views/Ranking/Overall/components/topUser.vue -->
|
||||||
<template>
|
<template>
|
||||||
<div style="width: 100%">
|
<div style="width: 100%">
|
||||||
<div style="position: relative">
|
<div style="position: relative" :style="{ minHeight: minHeight }">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
:src="BorderImgUrl"
|
:src="BorderImgUrl"
|
||||||
@ -150,6 +150,29 @@ watch(
|
|||||||
},
|
},
|
||||||
)
|
)
|
||||||
|
|
||||||
|
// 盒子最小高度
|
||||||
|
const minHeight = computed(() => {
|
||||||
|
if (props.Type == 'Wealth') {
|
||||||
|
if (props.isTopOne) {
|
||||||
|
return `64.11vw`
|
||||||
|
} else {
|
||||||
|
return `50.20vw`
|
||||||
|
}
|
||||||
|
} else if (props.Type == 'Charm') {
|
||||||
|
if (props.isTopOne) {
|
||||||
|
return `64.11vw`
|
||||||
|
} else {
|
||||||
|
return `50.20vw`
|
||||||
|
}
|
||||||
|
} else if (props.Type == 'Room') {
|
||||||
|
if (props.isTopOne) {
|
||||||
|
return `67.19vw`
|
||||||
|
} else {
|
||||||
|
return `49.68vw`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
// 头像盒子高度
|
// 头像盒子高度
|
||||||
const avatarBoxHeight = computed(() => {
|
const avatarBoxHeight = computed(() => {
|
||||||
if (props.Type == 'Wealth') {
|
if (props.Type == 'Wealth') {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user