From 8d241d6efd43ad4e889c8eeb9785b415393f9284 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 7 Jun 2022 15:28:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E5=96=8A=E8=AF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../beta/AppBroadcast1/LiveBroadcast.vue      | 280 +++++++++++++++++-
 .../beta/AppBroadcast1/img/close-w.png        | Bin 0 -> 3365 bytes
 src/project/beta/AppBroadcast1/img/close.png  | Bin 0 -> 3409 bytes
 .../beta/AppBroadcast1/img/voice-w.png        | Bin 0 -> 1930 bytes
 4 files changed, 273 insertions(+), 7 deletions(-)
 create mode 100644 src/project/beta/AppBroadcast1/img/close-w.png
 create mode 100644 src/project/beta/AppBroadcast1/img/close.png
 create mode 100644 src/project/beta/AppBroadcast1/img/voice-w.png

diff --git a/src/project/beta/AppBroadcast1/LiveBroadcast.vue b/src/project/beta/AppBroadcast1/LiveBroadcast.vue
index 3521787c..b9705548 100644
--- a/src/project/beta/AppBroadcast1/LiveBroadcast.vue
+++ b/src/project/beta/AppBroadcast1/LiveBroadcast.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="LiveBroadcast">
+  <div class="LiveBroadcast" @touchend="onTouchend" @touchmove="onTouchmove">
     <div class="top">
       <h2>请选择设备</h2>
       <image src="./img/right.png" />
@@ -10,14 +10,39 @@
         <p>请先选择设备再按住下方按钮开始喊话~</p>
       </div>
     </div>
-    <div class="bottom">
+    <div class="bottom" @longtap="onLongtap">
       <image src="./img/microphone.png" />
       <p>按住说话</p>
     </div>
-    <div class="voice">
-      <h2>00:00:13</h2>
-      <div class="voice-wrapper">
+    <div class="voice" :class="[isShow ? 'active' : '']">
+      <div class="voice-bottom">
+        <image src="./img/voice-w.png" />
       </div>
+      <image class="close" :class="[isImpact ? 'close-active' : '']" :src="isImpact ? closeW : close" />
+      <p>松开发送</p>
+      <div class="header-line">
+        <span class="line1 animation"></span>
+        <span class="line2 animation"></span>
+        <span class="line3 animation"></span>
+        <span class="line4 animation"></span>
+        <span class="line5 animation"></span>
+        <span class="line6 animation"></span>
+        <span class="line7 animation"></span>
+        <span class="line8 animation"></span>
+        <span class="line9 animation"></span>
+        <span class="line10 animation"></span>
+        <span class="line11 animation"></span>
+        <span class="line12 animation"></span>
+        <span class="line13 animation"></span>
+        <span class="line14 animation"></span>
+        <span class="line15 animation"></span>
+        <span class="line16 animation"></span>
+        <span class="line17 animation"></span>
+        <span class="line18 animation"></span>
+        <span class="line19 animation"></span>
+        <span class="line20 animation"></span>
+      </div>
+      <h2>00:00:13</h2>
     </div>
   </div>
 </template>
@@ -30,16 +55,65 @@
 
     data () {
       return {
-
+        isShow: false,
+        startTime: 0,
+        x: 0,
+        y: 0,
+        w: 0,
+        h: 0,
+        close: require('./img/close.png'),
+        closeW: require('./img/close-w.png'),
+        isImpact: false
       }
     },
 
-    onLoad () {
+    mounted () {
 
+      const close = document.querySelector('.close')
+      this.x = close.offsetLeft
+      this.y = close.offsetTop
+      this.w = close.clientWidth
+      this.h = close.clientHeight
     },
 
     methods: {
+      onLongtap () {
+        this.startTime = new Date().getTime()
+        this.isShow = true
+      },
 
+      onTouchend () {
+        if (this.isShow && new Date().getTime() - this.startTime < 1500) {
+          this.isShow = false
+          return this.$u.toast('说话时间太短')
+        }
+
+        if (this.isImpact) {
+          this.isShow = false
+          this.isImpact = false
+
+          return false
+        }
+
+        this.submit()
+      },
+
+      onTouchmove (e) {
+        if (this.isShow) {
+          const x = e.touches[0].clientX
+          const y = e.touches[0].clientY
+
+          if (x >= this.x && x <= this.x + this.w && y >= this.y && y <= this.y + this.h) {
+            this.isImpact = true
+          } else {
+            this.isImpact = false
+          }
+        }
+      },
+
+      submit () {
+
+      }
     }
   }
 </script>
@@ -50,6 +124,103 @@
     overflow: hidden;
     background: #F6F8FC;
 
+    .voice {
+      display: flex;
+      position: fixed;
+      flex-direction: column-reverse;
+      align-items: center;
+      top: 0;
+      left: 0;
+      z-index: -1;
+      width: 100%;
+      height: 100%;
+      text-align: center;
+      opacity: 0;
+      background: rgba(0, 0, 0, 0.67);
+      transition: all ease 0.5s;
+
+      &.active {
+        z-index: 1;
+        opacity: 1;
+      }
+
+      .voice-bottom {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 234px;
+        margin-top: 48px;
+        border-radius: 200px 200px 0 0;
+        background: linear-gradient(180deg, #9D9E9F 0%, #D4D5D6 100%);
+
+        image {
+          width: 96px;
+          height: 96px;
+        }
+      }
+
+      .header-line {
+        display: flex;
+        position: relative;
+        align-items: center;
+        justify-content: center;
+        width: 322px;
+        height: 164px;
+        padding: 0 20px;
+        border-radius: 20px;
+        background: #86B7FF;
+
+        &::after {
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          z-index: 1;
+          width: 0;
+          height: 0;
+          border-top: 18px solid #86B7FF;
+          border-right: 18px solid transparent;
+          border-left: 18px solid transparent;
+          content: ' ';
+          transform: translate(-50%, 100%);
+        }
+
+        span {
+          display: inline-block;
+          width: 6px;
+          height: 10px;
+          margin: 0 6px;
+          border: none;
+          border-radius: 4px;
+          background-color: #4B7CC3;
+        }
+      }
+
+      h2 {
+        margin-bottom: 48px;
+        font-weight: 400;
+        font-size: 96px;
+        color: #A2A3A4;
+        line-height: 134px;
+      }
+
+      & > p {
+        margin: 48px;
+        color: #A2A3A4;
+        font-size: 28px;
+      }
+
+      & > image {
+        width: 132px;
+        height: 132px;
+        transition: all ease 0.3s;
+      }
+
+      .close-active {
+        transform: scale(1.1);
+      }
+    }
+
     .top {
       display: flex;
       align-items: center;
@@ -115,5 +286,100 @@
         font-size: 30px;
       }
     }
+
+    .animation {
+      animation: note 0.24s ease-in-out;
+      animation-iteration-count: infinite;
+      animation-direction: alternate;
+    }
+
+    @keyframes note {
+      from {
+        transform: scaleY(1);
+      }
+      to {
+        transform: scaleY(4);
+      }
+    }
+
+    .header-line span.line1 {
+      animation-delay: -1s;
+    }
+
+    .header-line span.line2 {
+      animation-delay: -0.9s;
+    }
+
+    .header-line span.line3 {
+      animation-delay: -0.8s;
+    }
+
+    .header-line span.line4 {
+      animation-delay: -0.7s;
+    }
+
+    .header-line span.line5 {
+      animation-delay: -0.6s;
+    }
+
+    .header-line span.line6 {
+      animation-delay: -0.5s;
+    }
+
+    .header-line span.line7 {
+      animation-delay: -0.4s;
+    }
+
+    .header-line span.line8 {
+      animation-delay: -0.4s;
+    }
+
+    .header-line span.line9 {
+      animation-delay: -0.2s;
+    }
+
+    .header-line span.line10 {
+      animation-delay: -0.1s;
+    }
+
+    .header-line span.line11 {
+      animation-delay: -1s;
+    }
+
+    .header-line span.line12 {
+      animation-delay: -0.9s;
+    }
+
+    .header-line span.line13 {
+      animation-delay: -0.8s;
+    }
+
+    .header-line span.line14 {
+      animation-delay: -0.7s;
+    }
+
+    .header-line span.line15 {
+      animation-delay: -0.6s;
+    }
+
+    .header-line span.line16 {
+      animation-delay: -0.5s;
+    }
+
+    .header-line span.line17 {
+      animation-delay: -0.4s;
+    }
+
+    .header-line span.line18 {
+      animation-delay: -0.3s;
+    }
+
+    .header-line span.line19 {
+      animation-delay: -0.2s;
+    }
+
+    .header-line span.line20 {
+      animation-delay: -0.1s;
+    }
   }
 </style>
diff --git a/src/project/beta/AppBroadcast1/img/close-w.png b/src/project/beta/AppBroadcast1/img/close-w.png
new file mode 100644
index 0000000000000000000000000000000000000000..326e12e12c059dca9513982ec1431a4df5c391d6
GIT binary patch
literal 3365
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

literal 0
HcmV?d00001

diff --git a/src/project/beta/AppBroadcast1/img/close.png b/src/project/beta/AppBroadcast1/img/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..492b2d4f84fe0a2c3237adca079605967408d90a
GIT binary patch
literal 3409
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

literal 0
HcmV?d00001

diff --git a/src/project/beta/AppBroadcast1/img/voice-w.png b/src/project/beta/AppBroadcast1/img/voice-w.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8e06c1ec46fe7645d17c64f005c7d53021c4238
GIT binary patch
literal 1930
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
C(1l(A

literal 0
HcmV?d00001