feat: 地址修改 图片添加

components/pageLayout/abuot.vue

@@ -8,7 +8,7 @@
         format="webp"
       />
       <div
-        class="w-[1172px] h-[300px] px-[95px] md:w-[780px] md:h-[180px] sm:w-[374px] 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-[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"
       >
         <div>
           <div class="flex flex-col">
@@ -27,7 +27,7 @@
           </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-[8px] sm:leading-[8px]"
+          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]"
         >
           <div class="py-7 md:py-3 sm:py-1 flex items-center">
             <NuxtImg
@@ -37,7 +37,7 @@
               format="webp"
             />
             <span class="block sm:hidden">来访地址：</span>
-            北京市海淀区西二旗辉光国际大厦西六号楼317
+            北京市海淀区西二旗辉煌国际大厦西六号楼317室
           </div>
           <div class="py-7 md:py-3 sm:py-1 border-t-[1px] border-[#E5E5E5] flex items-center">
             <NuxtImg
@@ -67,10 +67,10 @@
       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>
+      <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-[28px] md:text-2xl 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 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"
     >
       北京比特电科技术有限公司，简称（比特电科），专注于为电力储能提供设备软硬件服务，
       公司拥有多项发明专利及软著，通过了ISO9001质量体系。

components/pageLayout/electricPower.vue

@@ -14,7 +14,7 @@
       />
     </picture>
     <div
-      class="relative w-full h-[calc(100%-136px)] md:h-[calc(100%-100px)] sm:h-[calc(100%-60px)] z-20 text-white max-w-[1440px] mx-auto flex items-center justify-center gap-10"
+      class="relative w-full h-[calc(100%-136px)] md:h-[calc(100%-100px)] sm:h-[calc(100%-60px)] z-20 text-white max-w-[1440px] mx-auto flex items-center justify-center gap-10 md:gap-6 sm:gap-2"
     >
       <div
         class="w-[494px] h-[672px] md:w-[286px] md:h-[378px] sm:w-[142px] sm:h-[188px] select-none"

layouts/default.vue

@@ -149,7 +149,9 @@
     >
       <div>
         <!-- <span class="text-[#18AA56] text-[90px] leading-[100px] font-bold">BTDK</span> -->
-        <div class="flex items-center text-sm text-white opacity-60 pl-2 gap-x-2 sm:flex-col">
+        <div
+          class="flex items-center text-sm sm:text-xs text-white opacity-60 pl-2 gap-x-2 sm:flex-col"
+        >
           <p class="mr-2 lg:mr-0">©比特电科技有限公司</p>
           <p class="mr-2 flex items-center">
             <NuxtImg

pages/aboutUs.vue

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

pages/index.vue

@@ -22,7 +22,7 @@
                 :fetchpriority="idx === 0 ? 'high' : 'low'"
               />
               <div
-                class="w-[1440px] md:w-[870px] sm:w-[300px] sm:top-19 absolute inset-0 mx-auto flex overflow-hidden items-center sm:items-start"
+                class="w-[1440px] md:w-[870px] sm:w-[258px] sm:top-19 absolute inset-0 mx-auto flex overflow-hidden items-center sm:items-start"
               >
                 <div class="swiper-banner-info">
                   <h6 class="text-2xl md:text-lg lg:text-xl sm:text-xs font-bold">
@@ -59,54 +59,11 @@
             v-for="(_, index) in slides"
             :key="index"
             :class="{ 'active-slide': emblaState.selectedIndex == index }"
-            class="w-12 h-2 md:w-9 md:h-[6px] sm:w-6 sm:h-1 bg-[#818897] opacity-30"
+            class="w-12 h-2 md:w-9 md:h-[6px] sm:w-3 sm:h-1 bg-[#818897] opacity-30"
             @click="scrollTo(index)"
           />
         </div>
       </div>
-      <!-- <ClientOnly>
-        <swiper-container
-          ref="containerRef"
-          class="size-full mx-auto"
-          loop
-          :pagination="{ clickable: true }"
-        >
-          <swiper-slide v-for="(slide, idx) in slides" :key="idx" class="size-full relative">
-            <div class="size-full relative flex overflow-hidden items-center sm:items-start">
-              <picture class="absolute w-full h-full left-0 top-0 -z-10">
-                <source media="(max-width: 480px)" :srcset="slide.bgSm" />
-                <source media="(max-width: 1280px)" :srcset="slide.bgLg" />
-                <img :src="slide.bgLg" class="size-full object-cover" />
-              </picture>
-              <div class="w-[1440px] md:w-[870px] sm:w-[300px] sm:top-19 relative mx-auto">
-                <div class="swiper-banner-info">
-                  <h6 class="text-2xl md:text-lg lg:text-xl sm:text-xs font-bold">
-                    {{ slide.title }}
-                  </h6>
-                  <h2
-                    class="text-4xl lg:text-3xl md:text-2xl sm:text-base overflow-hidden font-bold text-ellipsis whitespace-pre-line break-words"
-                  >
-                    {{ slide.subtitle }}
-                  </h2>
-                  <div v-if="slide.tags" class="flex text-lg lg:text-base md:text-base sm:text-sm">
-                    <p
-                      v-for="(tag, index) in slide.tags"
-                      :key="index"
-                      :class="tag.clx"
-                      class="bg-cover bg-no-repeat bg-center bg-size-full flex items-center justify-center"
-                      :style="{
-                        backgroundImage: `url(${tag.bg})`,
-                      }"
-                    >
-                      {{ tag.name }}
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </swiper-slide>
-        </swiper-container>
-      </ClientOnly> -->
     </div>
     <Serve />
     <Device />
@@ -216,14 +173,4 @@ onMounted(() => {
 .active-slide {
   opacity: 1;
 }
-/* Swiper分页器样式 */
-:root {
-  --swiper-pagination-color: #818897;
-  --swiper-pagination-bullet-width: 48px;
-  --swiper-pagination-bullet-height: 8px;
-  --swiper-pagination-bullet-border-radius: 0;
-  --swiper-pagination-bullet-inactive-color: #818897;
-  --swiper-pagination-bullet-inactive-opacity: 0.3;
-  --swiper-pagination-bullet-horizontal-gap: 8px;
-}
 </style>