feat: 终版修改
This commit is contained in:
@@ -25,7 +25,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onBeforeUnmount, onMounted, nextTick, ref, inject } from 'vue'
|
||||
import { onBeforeUnmount, onMounted, nextTick, ref, inject, computed } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { gsap } from 'gsap'
|
||||
import jae from '@/assets/images/award/jae.png'
|
||||
@@ -38,44 +38,52 @@ import desmond from '@/assets/images/award/desmond.png'
|
||||
const { t } = useI18n()
|
||||
const isMobile = inject<boolean>('isMobile')
|
||||
const isPad = inject<boolean>('isPad')
|
||||
const judgements = [
|
||||
{
|
||||
picture: jae,
|
||||
name: 'Jae Hyuk Lim',
|
||||
desc: 'AwardsPage.judgesHat.jae',
|
||||
region: 'AwardsPage.judgesHat.jaeCountry'
|
||||
},
|
||||
{
|
||||
picture: rosiexia,
|
||||
name: 'Rosie Xia',
|
||||
desc: 'AwardsPage.judgesHat.rosie',
|
||||
region: 'AwardsPage.judgesHat.rosieCountry'
|
||||
},
|
||||
{
|
||||
picture: gregory,
|
||||
name: 'Gregory de la Hogue Moran',
|
||||
desc: 'AwardsPage.judgesHat.gregory',
|
||||
region: 'AwardsPage.judgesHat.gregoryCountry'
|
||||
},
|
||||
{
|
||||
picture: annie,
|
||||
name: 'Annie Wong',
|
||||
desc: 'AwardsPage.judgesHat.annie',
|
||||
region: 'AwardsPage.judgesHat.annieCountry'
|
||||
},
|
||||
{
|
||||
picture: xaven,
|
||||
name: 'Xaven Mak',
|
||||
desc: 'AwardsPage.judgesHat.xaven',
|
||||
region: 'AwardsPage.judgesHat.xavenCountry'
|
||||
},
|
||||
{
|
||||
picture: desmond,
|
||||
name: 'Desmond Lim',
|
||||
desc: 'AwardsPage.judgesHat.desmond',
|
||||
region: 'AwardsPage.judgesHat.desmondCountry'
|
||||
}
|
||||
]
|
||||
const judgements = computed(() => {
|
||||
return [
|
||||
{
|
||||
picture: jae,
|
||||
name: 'Jae Hyuk Lim',
|
||||
desc: 'AwardsPage.judgesHat.jae',
|
||||
region: 'AwardsPage.judgesHat.jaeCountry',
|
||||
order: 1
|
||||
},
|
||||
{
|
||||
picture: rosiexia,
|
||||
name: 'Rosie Xia',
|
||||
desc: 'AwardsPage.judgesHat.rosie',
|
||||
region: 'AwardsPage.judgesHat.rosieCountry',
|
||||
order: isMobile.value ? 3 : 2
|
||||
},
|
||||
{
|
||||
picture: gregory,
|
||||
name: 'Gregory de la Hogue Moran',
|
||||
desc: 'AwardsPage.judgesHat.gregory',
|
||||
region: 'AwardsPage.judgesHat.gregoryCountry',
|
||||
order: isMobile.value ? 2 : 4
|
||||
},
|
||||
{
|
||||
picture: annie,
|
||||
name: 'Annie Wong',
|
||||
desc: 'AwardsPage.judgesHat.annie',
|
||||
region: 'AwardsPage.judgesHat.annieCountry',
|
||||
order: isMobile.value ? 4 : 5
|
||||
},
|
||||
{
|
||||
picture: xaven,
|
||||
name: 'Xaven Mak',
|
||||
desc: 'AwardsPage.judgesHat.xaven',
|
||||
region: 'AwardsPage.judgesHat.xavenCountry',
|
||||
order: 6
|
||||
},
|
||||
{
|
||||
picture: desmond,
|
||||
name: 'Desmond Lim',
|
||||
desc: 'AwardsPage.judgesHat.desmond',
|
||||
region: 'AwardsPage.judgesHat.desmondCountry',
|
||||
order: isMobile.value ? 5 : 3
|
||||
}
|
||||
].sort((a,b)=>a.order - b.order)
|
||||
})
|
||||
|
||||
const judgesTitleRef = ref<HTMLElement | null>(null)
|
||||
const judgesSubTitleRef = ref<HTMLElement | null>(null)
|
||||
|
||||
Reference in New Issue
Block a user