修改录音

src/components/Audio/index.less

@@ -16,3 +16,15 @@
     font-size: 16px;
   }
 }
+.progress-bar {
+  background: #f6f6f6;
+    width: calc(100% - 10px);
+    margin: 0 10px;
+    height: 4px;
+    border-radius: 100px;
+    overflow: hidden;
+  .progress-bar-con {
+    background: rgb(62, 146, 255);
+    height: 100%;
+  }
+}

src/components/Audio/index.vue

@@ -2,7 +2,10 @@
   <div class="progress">
     <van-icon name="play-circle-o" @click="onPlayVoice" v-if="playTime === 0 || playTime === voiceList.duration" />
     <van-icon name="stop-circle-o" @click="stopPlayHandle" v-else />
-    <van-progress :show-pivot="false" :percentage="voiceList.duration ? (playTime / voiceList.duration) * 100 : 0" />
+    <div class="progress-bar">
+      <div class="progress-bar-con" :style="{ width: (playTime / voiceList.duration) * 100 + '%' }"></div>
+    </div>
+    <!-- <van-progress :show-pivot="false" :percentage="(playTime / voiceList.duration) * 100" /> -->
     <div class="time">
       {{ formatTime(voiceList.duration) }}
     </div>
@@ -37,7 +40,7 @@ export default {
   watch: {
     audioSrc(val) {
       console.log(val, 'valvalval')
-      this.voiceList = this.val
+      this.voiceList = val
     }
   },
   mounted() {

src/components/Recording/index.vue

@@ -84,12 +84,15 @@ export default {
       clearTimeout(this.timeOutEvent)
       clearInterval(this.btnDurationTimer)
       this.btnDuration = 1
+      if (this.voiceList.localId) {
         wx.stopRecord({
           fail: function (res) {},
           success: function (res) {
             // this.localId = res.localId
           }
         })
+      }
+
       // 手指按住500ms才算长按
       this.timeOutEvent = 0
       this.isRecording = true
@@ -118,6 +121,7 @@ export default {
       if (timeOutEvent === 0) {
         wx.stopRecord({
           success: res => {
+            console.log(res, 'res')
             this.onRecorded(res.localId)
           }
         })
@@ -126,6 +130,7 @@ export default {
     },
     // 录制结束逻辑处理
     onRecorded(localId) {
+      console.log(localId, 'localId')
       const { recordStartTime } = this
       const endTime = new Date().getTime()
       const arrItem = {