From 584adf83f92a35490b904d721ab2a256ef2816ae Mon Sep 17 00:00:00 2001
From: zhaowei <1755871297@qq.com>
Date: Thu, 21 Apr 2022 17:58:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TrackManagement/index.vue      | 33 ++++++-------------
 src/layout/index.vue                          |  6 ++++
 2 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/src/layout/components/TrackManagement/index.vue b/src/layout/components/TrackManagement/index.vue
index 6b70796..75a6f92 100644
--- a/src/layout/components/TrackManagement/index.vue
+++ b/src/layout/components/TrackManagement/index.vue
@@ -123,14 +123,14 @@ export default {
   //绘制音频波形图
   mounted() {
     this.$nextTick(() => {
-      // var wavesurfer = WaveSurfer.create({
-      //   container: this.$refs.waveForm,
-      //   waveColor: "white",
-      //   progressColor: "#42e8e0",
-      //   cursorColor: "transparent",
-      //   barWidth: 3
-      // });
-    //   wavesurfer.load(require("./从别后.mp3"));
+       this.wavesurfer = WaveSurfer.create({
+        container: this.$refs.waveForm,
+        waveColor: "white",
+        progressColor: "#42e8e0",
+        cursorColor: "transparent",
+        barWidth: 3
+      });
+       this.wavesurfer.load(require('./一吻天荒.mp3'));
     });
   },
   methods: {
@@ -141,21 +141,8 @@ export default {
     //编辑按钮
     editSong() {},
     //试听按钮操做
-    listenSong() {
-      this.$nextTick(() => {
-        var wavesurfer = WaveSurfer.create({
-          container: this.$refs.waveForm,
-          waveColor: "white",
-          progressColor: "#42e8e0",
-          cursorColor: "transparent",
-          barWidth: 3
-        });
-        wavesurfer.load(require("./从别后.mp3"));
-
-        wavesurfer.on("ready", function() {
-          wavesurfer.play();
-        });
-      });
+    listenSong(row) {
+         this.wavesurfer.playPause()
     },
     download() {},
     // 取消按钮
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 3db2f26..bb0f69c 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -115,6 +115,7 @@ li {
 .el-message-box__content {
   color: white;
 }
+
 /* .el-button--small {
   background: #3835a0;
   color: white;
@@ -342,6 +343,11 @@ header h1 {
 .el-message-box__input input.invalid{
   border-color:transparent !important;
 }
+.el-input__inner{
+  background-color: #1c257f ;
+  border: 1px solid rgba(25, 186, 139, 0.17) ;
+  color: white;
+}
 /*   设备管理*/
 .el-popover {
   background: #111658 !important;