fix: 解决audio组件hidden属性不能控制隐藏状态的问题

src/platforms/h5/view/components/audio/index.vue

 <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;