From 02220505f90b63350ee404fbc782742aa56559b3 Mon Sep 17 00:00:00 2001
From: xzs02 <service02@dcloud.io>
Date: Thu, 3 Jan 2019 15:59:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3audio=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6hidden=E5=B1=9E=E6=80=A7=E4=B8=8D=E8=83=BD=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E9=9A=90=E8=97=8F=E7=8A=B6=E6=80=81=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../h5/view/components/audio/index.vue        | 41 +++++++++----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/platforms/h5/view/components/audio/index.vue b/src/platforms/h5/view/components/audio/index.vue
index 801ef8d60..bdcf76d5a 100644
--- a/src/platforms/h5/view/components/audio/index.vue
+++ b/src/platforms/h5/view/components/audio/index.vue
@@ -1,39 +1,32 @@
 <template>
   <uni-audio
     :id="id"
-    :class="{controls:controls}"
     :src="src"
     :loop="loop"
     :controls="controls"
     :poster="poster"
     :name="name"
     :author="author"
-    class="uni-audio"
-    v-on="$listeners">
-    <audio
-      ref="audio"
-      :loop="loop"
+    v-on="$listeners"
+  >
+    <audio
+      ref="audio"
+      :loop="loop"
       style="display:none;"/>
     <div class="uni-audio-default">
-      <div
-        :style="'background-image: url('+$getRealPath(poster)+');'"
+      <div
+        :style="'background-image: url('+$getRealPath(poster)+');'"
         class="uni-audio-left">
-        <div
-          :class="{play:!playing,pause:playing}"
-          class="uni-audio-button"
+        <div
+          :class="{play:!playing,pause:playing}"
+          class="uni-audio-button"
           @click="trigger"/>
       </div>
       <div class="uni-audio-right">
-        <div
-          class="uni-audio-time"
-          v-text="currentTime"/>
+        <div class="uni-audio-time">{{ currentTime }}</div>
         <div class="uni-audio-info">
-          <div
-            class="uni-audio-name"
-            v-text="name"/>
-          <div
-            class="uni-audio-author"
-            v-text="author"/>
+          <div class="uni-audio-name">{{ name }}</div>
+          <div class="uni-audio-author">{{ author }}</div>
         </div>
       </div>
     </div>
@@ -167,14 +160,18 @@ export default {
 </script>
 
 <style>
-.uni-audio {
+uni-audio {
   display: none;
 }
 
-.uni-audio.controls {
+uni-audio[controls] {
   display: inline-block;
 }
 
+uni-audio[hidden] {
+  display: none;
+}
+
 .uni-audio-default {
   max-width: 100%;
   min-width: 302px;
-- 
GitLab