兼容

src/views/AudioView.vue

@@ -45,7 +45,7 @@ onBeforeUnmount(() => {
     <NavBarPage title="视频演示" type="home" />
     <div style="height: 46px"></div>
     <div class="audio">
-      <video autoplay muted loop playsinline id="bg-video">
+      <video autoplay loop playsinline id="bg-video">
         <source src="../assets/audio.mp4" type="video/mp4">
       </video>
     </div>

src/views/HeimaView.vue

@@ -51,9 +51,18 @@ const handleAudio = () => {
       <div class="produce">
         <div class="left_img">
           <p>5.智能陪练应用场景</p>
-          <span>汽融直客-客户经理电话邀约</span>
-          <span>汽融客服-在线坐席结清挽留</span>
-          <span>小微新回-客户经理授信拜访</span>
+          <div class="triangle">
+            <div class="triangle-left"></div>
+            <div class="text">汽融直客-客户经理电话邀约</div>
+          </div>
+          <div class="triangle">
+            <div class="triangle-left"></div>
+            <div class="text">汽融客服-在线坐席结清挽留</div>
+          </div>
+          <div class="triangle">
+            <div class="triangle-left"></div>
+            <div class="text">小微新回-客户经理授信拜访</div>
+          </div>
         </div>
       </div>
       <div class="bottom">
@@ -290,6 +299,27 @@ html {
       font-size: 0.6rem;
       text-align: right;
     }
+
+    .triangle {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      // margin-right: 6.5rem;
+
+      .text {
+        margin-left: 3px;
+        font-size: 0.6rem;
+        // line-height: 2rem;
+      }
+    }
+
+    .triangle-left {
+      width: 0;
+      height: 0;
+      border-left: 3px solid transparent;
+      border-right: 3px solid transparent;
+      border-bottom: 5px solid white;
+    }
   }
 
   .right {
@@ -340,7 +370,7 @@ html {
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-top: 1.5rem;
+  margin-top: 1rem;
 
   .w {
     width: 7rem;
@@ -431,16 +461,29 @@ html {
       p {
         font-size: 1.3rem;
         text-align: right;
-        margin-right: 11rem;
+        margin-right: 9.9rem;
         margin-bottom: 1.13rem;
         margin-top: 2rem;
       }
+      .triangle {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        margin-right: 6.5rem;
+
+        .text {
+          margin-left: 5px;
+          font-size: 1.1rem;
+          line-height: 2rem;
+        }
+      }
 
-      span {
-        font-size: 1.1rem;
-        text-align: right;
-        margin-right: 10rem;
-        line-height: 2rem;
+      .triangle-left {
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-bottom: 13px solid white;
       }
     }