|
|
|
@ -3,7 +3,7 @@ |
|
|
|
<div class="relative z-10 px-[102px]"> |
|
|
|
<div class="mb-1 flex"> |
|
|
|
<div class="mr-1 w-100"> |
|
|
|
<div class="mb-1 flex h-24 items-center rounded-lg bg-gradient-to-r from-pink-100 to-pink-200 pl-8" @click="handleSearch"> |
|
|
|
<div class="mb-1 flex h-24 items-center rounded-lg bg-gradient-to-r from-pink-100 to-pink-200 pl-8" @pointerdown="handleSearch"> |
|
|
|
<i class="iconfont icon-jichu_gongneng_sousuo text-48 text-white"></i> |
|
|
|
<div class="mx-5 h-8 w-0.5 bg-white/40"></div> |
|
|
|
<div> |
|
|
|
@ -14,7 +14,7 @@ |
|
|
|
<div |
|
|
|
class="linear relative h-[550px] bg-cover" |
|
|
|
:style="{ backgroundImage: `url(${menuList[1].moduleActivateLogo})` }" |
|
|
|
@click="goPage(menuList[1])" |
|
|
|
@pointerdown="goPage(menuList[1])" |
|
|
|
> |
|
|
|
<p class="flex items-center justify-between px-8 pt-8"> |
|
|
|
<span class="font-700 text-28 leading-9 text-black/80">{{ menuList[1].moduleName }}</span> |
|
|
|
@ -27,7 +27,7 @@ |
|
|
|
<div |
|
|
|
:style="{ backgroundImage: `url(${menuList[2].moduleActivateLogo})` }" |
|
|
|
class="mb-1 h-[403px] w-[432px] overflow-hidden rounded-xl bg-cover bg-center bg-no-repeat pl-10 pt-8" |
|
|
|
@click="goPage(menuList[2])" |
|
|
|
@pointerdown="goPage(menuList[2])" |
|
|
|
> |
|
|
|
<div class="mb-0.5 font-700 text-28 leading-9 text-white">{{ menuList[2].moduleName }}</div> |
|
|
|
<div class="font-700 text-28 uppercase leading-9 text-white/80">{{ menuList[2].moduleNameEn }}</div> |
|
|
|
@ -35,7 +35,7 @@ |
|
|
|
<div |
|
|
|
:style="{ backgroundImage: `url(${menuList[4].moduleActivateLogo})` }" |
|
|
|
class="h-[243px] w-[432px] bg-cover pl-10 pt-8" |
|
|
|
@click="goPage(menuList[4])" |
|
|
|
@pointerdown="goPage(menuList[4])" |
|
|
|
> |
|
|
|
<div class="mb-0.5 font-700 text-28 leading-9 text-white">{{ menuList[4].moduleName }}</div> |
|
|
|
<div class="font-700 text-28 uppercase leading-9 text-white/80">{{ menuList[4].moduleNameEn }}</div> |
|
|
|
@ -46,7 +46,7 @@ |
|
|
|
<div |
|
|
|
:style="{ backgroundImage: `url(${menuList[3].moduleActivateLogo})` }" |
|
|
|
class="linear relative mr-1 h-[308px] w-60 bg-cover pl-10 pt-8" |
|
|
|
@click="goPage(menuList[3])" |
|
|
|
@pointerdown="goPage(menuList[3])" |
|
|
|
> |
|
|
|
<div class="mb-0.5 font-700 text-28 leading-9 text-white">{{ menuList[3].moduleName }}</div> |
|
|
|
<div class="mb-0.5 font-700 text-28 uppercase leading-9 text-white">{{ menuList[3].moduleNameEn }}</div> |
|
|
|
@ -54,7 +54,7 @@ |
|
|
|
<div |
|
|
|
:style="{ backgroundImage: `url(${menuList[5].moduleActivateLogo})` }" |
|
|
|
class="linear relative mr-1 h-[308px] w-60 bg-cover pl-10 pt-8" |
|
|
|
@click="goPage(menuList[5])" |
|
|
|
@pointerdown="goPage(menuList[5])" |
|
|
|
> |
|
|
|
<div class="mb-0.5 font-700 text-28 leading-9 text-white">{{ menuList[5].moduleName }}</div> |
|
|
|
<div class="mb-0.5 font-700 text-28 uppercase leading-9 text-white">{{ menuList[5].moduleNameEn }}</div> |
|
|
|
@ -63,7 +63,7 @@ |
|
|
|
<div |
|
|
|
:style="{ backgroundImage: `url(${menuList[6].moduleActivateLogo})` }" |
|
|
|
class="mb-1 h-[152px] w-[388px] bg-cover pl-10 pt-8" |
|
|
|
@click="goPage(menuList[6])" |
|
|
|
@pointerdown="goPage(menuList[6])" |
|
|
|
> |
|
|
|
<div class="mb-0.5 font-700 text-28 leading-9 text-white">{{ menuList[6].moduleName }}</div> |
|
|
|
<div class="mb-0.5 font-700 text-28 uppercase leading-9 text-white">{{ menuList[6].moduleNameEn }}</div> |
|
|
|
@ -71,7 +71,7 @@ |
|
|
|
<div |
|
|
|
:style="{ backgroundImage: `url(${menuList[7].moduleActivateLogo})` }" |
|
|
|
class="h-[152px] w-[388px] bg-cover pl-10 pt-8" |
|
|
|
@click="goPage(menuList[7])" |
|
|
|
@pointerdown="goPage(menuList[7])" |
|
|
|
> |
|
|
|
<div class="mb-0.5 font-700 text-28 leading-9 text-white">{{ menuList[7].moduleName }}</div> |
|
|
|
<div class="mb-0.5 font-700 text-28 uppercase leading-9 text-white">{{ menuList[7].moduleNameEn }}</div> |
|
|
|
|