You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.2 KiB
32 lines
1.2 KiB
3 months ago
|
<template>
|
||
|
|
<div
|
||
|
|
class="mx-auto h-[824px] md:h-[358px] sm:h-[198px] bg-cover bg-no-repeat overflow-hidden relative"
|
||
|
|
>
|
||
|
|
<picture class="absolute inset-0 z-0">
|
||
|
|
<source media="(max-width: 1024px)" srcset="/images/about/bg_sm.png" />
|
||
|
|
<source media="(max-width: 1025px)" srcset="/images/about/bg_lg.png" />
|
||
|
|
<img src="/images/about/bg_lg.png" loading="eager" class="size-full object-cover" />
|
||
|
|
</picture>
|
||
|
|
<div
|
||
|
|
class="text-white font-bold text-center mt-[198px] md:mt-[42px] sm:mt-[20px] flex flex-col items-center relative z-20"
|
||
|
|
>
|
||
|
|
<span class="text-7xl md:text-6xl sm:text-3xl opacity-35">ABUOT</span>
|
||
|
|
<span class="text-4xl md:text-4xl sm:text-base relative -top-8">关于我们</span>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="text-white font-bold text-center mt-17 md:mt-5 sm:mt-3 text-[28px] md:text-2xl sm:text-xs max-w-[1440px] mx-auto relative z-20 break-all px-48 md:px-20 sm:px-10"
|
||
|
|
>
|
||
|
|
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="font-bold text-center mt-13 md:mt-5 sm:mt-3 text-3xl md:text-base sm:text-xs text-[#15A351]"
|
||
|
|
>
|
||
|
|
了解更多>>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup></script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|