123

src/views/Index/components/IntroVideo/index.vue

@@ -7,9 +7,9 @@
     </div>
     <div class="dialog_black" v-if="dialogVisible">
       <div class="video_dialog">
-        <p class="close" @click="cancleDialog">
+        <!-- <p class="close" @click="cancleDialog">
           <img :src="Close" class="img_c" alt="" />
-        </p>
+        </p> -->
         <video controls style="width: 100%; height: 100%; object-fit: fill">
           <source :src="Movie" />
         </video>
@@ -21,7 +21,7 @@
 
 <script setup>
 import Play from '@/assets/img/intro/play.png'
-import Close from '@/assets/img/intro/close.png'
+// import Close from '@/assets/img/intro/close.png'
 import Movie from '@/assets/a.m4v'
 import Video from 'cpns/Video'
 import { ref } from 'vue'
@@ -74,7 +74,7 @@ const cancleDialog = e => {
     right: 0;
     top: 0;
     .video_dialog {
-      width: 50vw;
+      width: 100vw;
       height: auto;
       position: relative;
       .close {

src/views/Index/components/SoftHardwareDetail/Card/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="dian_container">
     <div class="wrap">
-      <img :src="getImgSrc()" alt="" class="img" />
+      <img :src="getImgSrc()" alt="" :class="getImgClass()" />
     </div>
     <div class="btn">{{ title }}</div>
   </div>
@@ -27,6 +27,12 @@ const props = defineProps({
   title: String,
   i: String,
 })
+const getImgClass = () => {
+  if (['1', '2', '4', '5', '6', '7', '8', '9', '10'].includes(props.i)) {
+    return 'img1'
+  }
+  return 'img2'
+}
 const getImgSrc = () => {
   if (props.i == '1') {
     return A1
@@ -98,13 +104,20 @@ const getImgSrc = () => {
     display: flex;
     align-items: center;
     justify-content: center;
-    .img {
+    .img1 {
       transition-property: all;
       transition-duration: 0.7s;
-      width: 170px;
+      width: 240px;
       height: auto;
       animation-fill-mode: forwards;
     }
+    .img2 {
+      transition-property: all;
+      transition-duration: 0.7s;
+      height: 90%;
+      width: auto;
+      animation-fill-mode: forwards;
+    }
   }
 
   .btn {

src/views/Index/components/SoftHardwareSummary/index.vue

@@ -156,7 +156,7 @@ const showEmpty = ref(true)
             animation-fill-mode: forwards;
           }
           .font {
-            font-size: 18px;
+            font-size: 24px;
             font-family: 'SourceHanSans';
             font-weight: 400;
             color: #ffffff;