Browse Source

fix: 样式修改

main
betaqi 3 months ago
parent
commit
fcb4237254
  1. 23
      layouts/default.vue

23
layouts/default.vue

@ -108,7 +108,7 @@ @@ -108,7 +108,7 @@
<div class="max-w-[1920px] h-[848px] md:h-[362px] sm:h-[166px] m-auto relative">
<img src="/images/about/mapBg.png" class="absolute inset-0" />
<div
class="w-[1172px] h-[300px] px-[95px] md:w-[780px] md:h-[180px] sm-[300px] sm:hidden sm:h-[150px] md:px-[20px] sm:px-[10px] bg-white absolute bottom-5 md:-bottom-6 sm:bottom-0 left-1/2 -translate-x-1/2 flex items-center"
class="w-[1172px] h-[300px] px-[95px] md:w-[780px] md:h-[180px] sm:w-[360px] sm:h-[80px] md:px-[20px] sm:px-[10px] bg-white absolute bottom-5 md:bottom-2 sm:bottom-0 left-1/2 -translate-x-1/2 flex items-center"
>
<div>
<div class="flex flex-col">
@ -117,25 +117,28 @@ @@ -117,25 +117,28 @@
class="text-[#CBCBCB] text-[78px] md:text-[48px] sm:text-base font-bold opacity-35"
>CONTACT</span
>
<h4 class="text-[26px] md:text-[18px] sm:text-base absolute top-1/3 text-[#424242]">
<h4 class="text-[26px] md:text-[18px] sm:text-xs absolute top-1/3 text-[#424242]">
联系我们
</h4>
</div>
<p class="text-xl text-[#6B6B6B] md:text-base sm:text-sm">
<p class="text-xl text-[#6B6B6B] md:text-base sm:text-[8px] sm:leading-[8px] sm:mt-2">
欢迎与我们取得联系,我们将竭诚为您服务
</p>
</div>
</div>
<div
class="flex flex-1 flex-col ml-[100px] md:ml-[30px] sm:ml-[20px] text-[#424242] text-xl md:text-base sm:text-sm"
class="flex flex-1 flex-col ml-[100px] md:ml-[30px] sm:ml-[20px] text-[#424242] text-xl md:text-base sm:text-[8px] sm:leading-[8px]"
>
<div class="py-7 md:py-3 sm:py-2 flex items-center">
<img src="/images/about/location.png" class="size-10 md:size-8 sm:size-6 mr-5" />
来访地址辉煌国际 北京市海淀区上地十街1号院
<div class="py-7 md:py-3 sm:py-1 flex items-center">
<img
src="/images/about/location.png"
class="size-10 md:size-8 sm:size-4 mr-5 sm:mr-2"
/>
<span class="block sm:hidden">来访地址</span> 辉煌国际 北京市海淀区上地十街1号院
</div>
<div class="py-7 md:py-3 sm:py-2 border-t-[1px] border-[#979797] flex items-center">
<img src="/images/about/phone.png" class="size-10 md:size-8 sm:size-6 mr-5" />
服务邮箱XXXXX@jsldjf.com
<div class="py-7 md:py-3 sm:py-1 border-t-[1px] border-[#979797] flex items-center">
<img src="/images/about/phone.png" class="size-10 md:size-8 sm:size-4 mr-5 sm:mr-2" />
<span class="block sm:hidden">服务邮箱</span> XXXXX@jsldjf.com
</div>
</div>
</div>

Loading…
Cancel
Save