更新代码

src/views/link/index.vue

@@ -1,6 +1,7 @@
 <script setup>
 import {ref, onMounted} from 'vue'
-import Swiper from '@/components/swiper/index.vue'
+import Swiper from '@/components/Swiper/index.vue'
+import Banner from '@/components/Banner/index.vue'
 import Map from './map.vue'
 
 const currentPage = ref(1)
@@ -10,7 +11,7 @@ onMounted(() => {})
 
 <template>
   <div class="page">
-    <div class="placeholder"></div>
+    <Banner class="banner" img="banner/link.png" />
     <Swiper
       id="one"
       title="联系我们"
@@ -39,6 +40,12 @@ onMounted(() => {})
 </template>
 
 <style lang="scss" scoped>
+.placeholder {
+  background-image: url(`./static/logo/link.png`);
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}
+
 .my-card {
   width: 100%;
   height: 100%;
@@ -48,13 +55,13 @@ onMounted(() => {})
     .label {
       font-family: 'PingFang SC';
       font-weight: 400;
-      font-size: 24px;
+      font-size: 20px;
       margin-bottom: 20px;
     }
     .label:nth-child(1) {
       font-family: 'PingFang SC';
       font-weight: 600;
-      font-size: 32px;
+      font-size: 26px;
     }
   }
   .img {