update

src/components/home/banner.vue

@@ -3,7 +3,7 @@
     <el-carousel arrow="never" class="banner-swiper">
       <el-carousel-item v-for="item in bannerList" :key="item.src"><img :src="item.src"/></el-carousel-item>
     </el-carousel>
-    <router-link to="profession">
+    <!-- <router-link to="profession">
       <div class="cover">
         <img src="https://webapp-pub.ezijing.com/project/cuw/banner_top.jpg" />
         <div class="cover-inner">
@@ -14,13 +14,22 @@
           </p>
         </div>
       </div>
-    </router-link>
+    </router-link> -->
     <div class="video-box" v-show="isPlaying">
       <video ref="video" src="https://webapp-pub.ezijing.com/project/cuw/video.mp4" preload="auto" playsinline></video>
     </div>
-    <div class="button-group">
-      <!-- <div class="button-item"><router-link to="profession">了解更多</router-link></div> -->
-      <div class="button-item button-play" :class="{ 'is-playing': isPlaying }" @click="togglePlay">学校视频</div>
+    <div class="intr-content">
+      <div class="cover-inner">
+        <h1>威斯康星协和大学</h1>
+        <h2>家庭教育硕士</h2>
+        <p>
+          围绕“广义家庭教育”进行教学，从家庭系统的视角深度剖析全部家庭元素以及家庭与社会的关系，从根本上理解并解决家庭的问题。
+        </p>
+      </div>
+      <div class="button-group">
+        <!-- <div class="button-item"><router-link to="profession">了解更多</router-link></div> -->
+        <div class="button-item button-play" :class="{ 'is-playing': isPlaying }" @click="togglePlay">学校视频</div>
+      </div>
     </div>
   </div>
 </template>
@@ -90,11 +99,54 @@ export default {
     object-fit: fill;
   }
 }
-.button-group {
-  z-index: 21;
+.intr-content {
   position: absolute;
+  top: 60%;
   left: 100px;
-  bottom: 30%;
+  transform: translateY(-50%);
+  z-index: 11;
+  .cover-inner {
+    // position: absolute;
+    // left: 0;
+    // right: 0;
+    // top: 0;
+    // bottom: 0;
+    // z-index: 11;
+    // padding: 0 30px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    // padding-bottom: 25%;
+  }
+  h1 {
+    font-size: 36px;
+    color: #fff;
+    font-weight: 500;
+    // text-align: right;
+  }
+  h2 {
+    margin-top: 16px;
+    font-size: 26px;
+    color: #faa634;
+    font-weight: 400;
+    // text-align: right;
+  }
+  p {
+    width: 360px;
+    margin-top: 16px;
+    font-size: 18px;
+    color: #fff;
+    line-height: 2;
+    text-align: justify;
+  }
+}
+.button-group {
+  margin-top: 20px;
+  z-index: 21;
+  position: relative;
+  // left: 100px;
+  // bottom: 30%;
   display: flex;
   .button-item {
     width: 132px;