样式调整

components/audioBox/audioBox.vue

@@ -1,17 +1,19 @@
 <template>
     <view class="global-voice-box">
-        <view class="flex small-box" v-if="!showBig" @click.prevent="showBig=true">
-            <view style="flex:1;overflow: hidden;">
-                <view class="van-ellipsis">{{title}}</view>
-                <view class="time" style="font-size:24rpx;color:#666">时长 {{audioTime|formatVoiceTime}}</view>
+        <view v-if="!showBig">
+            <view class="flex small-box"  @click.prevent="showBig=true">
+                <view style="flex:1;overflow: hidden;">
+                    <view class="van-ellipsis">{{title}}</view>
+                    <view class="time" style="font-size:24rpx;color:#666">时长 {{audioTime|formatVoiceTime}}</view>
+                </view>
+                <image 
+                    class="pause-img"  
+                    :src="play?require('@/static/audio-doing.png'):require('@/static/audio-pause-3.png')" 
+                    mode="aspectFill"
+                    @click.stop="handleChangePlayStatus"
+                />
+                <van-icon @click.stop="handleClosePopAudio" name="cross" size="18" color="#BBC3C9"/>
             </view>
-            <image 
-                class="pause-img"  
-                :src="play?require('@/static/audio-doing.png'):require('@/static/audio-pause-3.png')" 
-                mode="aspectFill"
-                @click.stop="handleChangePlayStatus"
-            />
-            <van-icon @click.stop="handleClosePopAudio" name="cross" size="18" color="#BBC3C9"/>
             <van-progress 
                 color="#D4AC78" 
                 track-color="#fff"
@@ -21,6 +23,7 @@
                 :percentage="percentage" 
             />
         </view>
+          
         <view class="big-box" v-else>
             <view class="flex top" style="overflow: hidden;">
                 <van-icon name="arrow-down" size="18" color="#BBC3C9" @click="showBig=false" />
@@ -215,10 +218,7 @@ export default {
 
 <style>
 .bot-progress{
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    width: 100%;
 }
 </style>