qrcode

src/components/QRCode.vue

@@ -8,10 +8,16 @@
       :theme="theme"
     />
     <div class="qrcode_wrap">
-      <div class="qrcode"></div>
+      <img class="qrcode" :src="Wechat" />
       <div class="contract">
-        <div class="phone">13717892018</div>
-        <div class="phone">15624962290</div>
+        <div class="phone">
+          <img :src="Phone" class="icon" alt="" />
+          <span>13717892018</span>
+        </div>
+        <div class="phone">
+          <img :src="Phone" class="icon" alt="" />
+          <span>15624962290</span>
+        </div>
       </div>
     </div>
   </div>
@@ -19,6 +25,8 @@
 
 <script setup>
 import HeadLine from 'cpns/HeadLine'
+import Wechat from '@/static/img/about/wechat.png'
+import Phone from '@/static/img/about/phone.png'
 const props = defineProps({
   theme: {
     type: Boolean,
@@ -38,8 +46,8 @@ const props = defineProps({
     .qrcode {
       width: 194px;
       height: 194px;
-      background: #000;
       margin-bottom: 32px;
+      filter: invert(100%);
     }
     .contract {
       display: flex;
@@ -59,6 +67,11 @@ const props = defineProps({
         display: flex;
         align-items: center;
         justify-content: center;
+        .icon {
+          width: 19px;
+          height: 19px;
+          margin-right: 10px;
+        }
       }
     }
   }

src/pages/Company.vue

@@ -33,6 +33,12 @@ import DesignConcept from 'cpns/DesignConcept'
 import Cooperation from 'cpns/Cooperation'
 import QRCode from 'cpns/QRCode'
 import SubNavigation from 'cpns/SubNavigation'
+import A1 from '@/static/img/about/01.png'
+import A2 from '@/static/img/about/02.png'
+import A3 from '@/static/img/about/03.png'
+import A4 from '@/static/img/about/04.png'
+import Post from '@/static/img/about/video.png'
+import Play from '@/static/img/about/videos.png'
 const video = ref(null)
 const maskShow = ref(true)
 const playVideo = () => {