Browse Source

feat: 一些样式调整

main
betaqi 2 months ago
parent
commit
306987a40f
  1. 10
      components/pageLayout/abuot.vue
  2. 2
      components/pageLayout/cloudData.vue
  3. 2
      components/pageLayout/midele.vue
  4. 2
      components/pageLayout/scenarios.vue
  5. 2
      pages/aboutUs.vue
  6. 2
      pages/products/BK-1000.vue
  7. 2
      pages/products/BK-2000.vue

10
components/pageLayout/abuot.vue

@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
format="webp"
/>
<div
class="w-[1172px] h-[300px] px-[95px] md:w-[780px] md:h-[180px] sm:w-[362px] sm:h-[80px] md:px-[20px] sm:px-[8px] bg-white absolute bottom-5 md:bottom-2 sm:bottom-1 left-1/2 -translate-x-1/2 flex items-center"
class="w-[1172px] h-[300px] px-[60px] md:w-[780px] md:h-[180px] sm:w-[362px] sm:h-[80px] md:px-[20px] sm:px-[8px] bg-white absolute bottom-5 md:bottom-2 sm:bottom-1 left-1/2 -translate-x-1/2 flex items-center"
>
<div>
<div class="flex flex-col">
@ -27,7 +27,7 @@ @@ -27,7 +27,7 @@
</div>
</div>
<div
class="flex flex-1 flex-col ml-[100px] md:ml-[30px] sm:ml-[8px] text-[#424242] text-xl md:text-base sm:text-[8px] sm:leading-[8px]"
class="flex flex-1 flex-col ml-[80px] md:ml-[30px] sm:ml-[8px] text-[#424242] text-xl md:text-base sm:text-[8px] sm:leading-[8px]"
>
<div class="py-7 md:py-3 sm:py-1 flex items-center">
<NuxtImg
@ -70,11 +70,9 @@ @@ -70,11 +70,9 @@
<span class="text-4xl md:text-4xl sm:text-base relative -top-8 sm:-top-6">关于我们</span>
</div>
<div
class="text-white font-bold text-center mt-17 md:mt-5 sm:mt-3 text-2xl md:text-xl sm:text-xs max-w-[1440px] mx-auto relative z-20 break-all px-48 pb-48 md:pb-20 sm:pb-10 md:px-20 sm:px-10"
class="text-white text-center mt-17 md:mt-5 sm:mt-3 text-xl md:text-xl sm:text-xs max-w-[1440px] mx-auto relative z-20 break-all px-52 pb-48 md:pb-20 sm:pb-10 md:px-20 sm:px-10"
>
北京比特电科技术有限公司简称比特电科专注于为电力储能提供设备软硬件服务
公司拥有多项发明专利及软著通过了ISO9001质量体系
公司以储能EMS产品为基础提供从设计到运维从边端到云端的的全链条专业服务实现用户侧能源管理的全场景覆盖为客户打造专业高效经济省心开放赋能的数智化能源管理解决方案从而助力客户构筑自有产品的差异化竞争壁垒共创生态多赢新格局
北京比特电科技术有限公司简称比特电科专注于为电力储能提供设备软硬件服务公司拥有多项发明专利及软著通过了ISO9001质量体系公司以储能EMS产品为基础提供从设计到运维从边端到云端的的全链条专业服务实现用户侧能源管理的全场景覆盖为客户打造专业高效经济省心开放赋能的数智化能源管理解决方案从而助力客户构筑自有产品的差异化竞争壁垒共创生态多赢新格局
</div>
</div>
</template>

2
components/pageLayout/cloudData.vue

@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
>
<h2 class="title-font py-11 md:py-8 sm:py-4">云端数据</h2>
<div
class="relative h-[580px] max-w-[1400px] md:h-[382px] md:w-[760px] sm:w-[348px] sm:h-[176px] mx-auto"
class="relative h-[580px] max-w-[1400px] md:h-auto md:w-full sm:w-[348px] sm:h-[176px] mx-auto"
>
<ClientOnly>
<MovieCarousel3D>

2
components/pageLayout/midele.vue

@ -30,7 +30,7 @@ @@ -30,7 +30,7 @@
</picture>
<section class="relative z-10 sm:p-3 size-full flex flex-col">
<h3
class="text-[#5897FF] text-4xl md:text-2xl md:mt-6 sm:text-xs mt-15 sm:mt-3 text-center font-bold"
class="text-[#52AC63] text-4xl md:text-2xl md:mt-6 sm:text-xs mt-15 sm:mt-3 text-center font-bold"
>
{{ item.title }}
</h3>

2
components/pageLayout/scenarios.vue

@ -15,7 +15,7 @@ @@ -15,7 +15,7 @@
<NuxtImg :src="item.lgBg" loading="eager" class="size-full object-cover" format="webp" />
</picture>
<div
class="absolute -left-10 md:-left-5 sm:-left-1 pl-12 leading-[78px] md:leading-[40px] sm:leading-[20px] z-10 w-[530px] h-[78px] md:w-[214px] md:h-[40px] sm:w-[160px] sm:h-[20px] bg-no-repeat bg-center text-white text-4xl md:text-2xl sm:text-xs font-bold"
class="absolute -left-10 md:-left-5 sm:-left-1 pl-12 md:pl-8 sm:pl-4 leading-[78px] md:leading-[40px] sm:leading-[20px] z-10 w-[530px] h-[78px] md:w-[214px] md:h-[40px] sm:w-[160px] sm:h-[20px] bg-no-repeat bg-center text-white text-4xl md:text-2xl sm:text-xs font-bold"
style="
background-image: linear-gradient(
90deg,

2
pages/aboutUs.vue

@ -51,7 +51,7 @@ const aboutUs = [ @@ -51,7 +51,7 @@ const aboutUs = [
content: '北京市海淀区西二旗辉煌国际大厦西六号楼317室',
},
{
title: '企业联系人',
title: '企业电话',
icon: '/images/aboutUs/user.png',
content: '4000996200',
},

2
pages/products/BK-1000.vue

@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
<picture class="absolute w-full h-full left-0 top-0 -z-10">
<source media="(max-width: 1024px)" :srcset="slide.bgSm" />
<source media="(max-width: 1025px)" :srcset="slide.bgLg" />
<NuxtImg :src="slide.bgLg" loading="eager" class="size-full object-cover" format="webp" />
<img :src="slide.bgLg" loading="eager" class="size-full object-cover" format="webp" />
</picture>
<div
class="w-[1440px] md:w-[870px] sm:w-[300px] md:h-[calc(100%-200px)] sm:top-19 relative mx-auto flex md:justify-center sm:justify-center sm:pt-10"

2
pages/products/BK-2000.vue

@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
<picture class="absolute w-full h-full left-0 top-0 -z-10">
<source media="(max-width: 1024px)" :srcset="slide.bgSm" />
<source media="(max-width: 1025px)" :srcset="slide.bgLg" />
<NuxtImg :src="slide.bgLg" loading="eager" class="size-full object-cover" format="webp" />
<img :src="slide.bgLg" loading="eager" class="size-full object-cover" format="webp" />
</picture>
<div
class="w-[1440px] md:w-[870px] sm:w-[300px] md:h-[calc(100%-200px)] sm:top-19 relative mx-auto flex md:justify-center sm:justify-center sm:pt-10"

Loading…
Cancel
Save