11.28提交

pages_app/downLoadVideo/downLoadVideo.vue

@@ -102,7 +102,7 @@
                  <view class="video-progress-bar-inner" :style="{ width: item.progress + '%' }"></view>
                 </view> -->
                 <!-- <text>{{ item.progress + '%' }}</text> -->
-                 <text>{{ formatSize(item.downloadSize) }} / {{ formatSize(item.totalSize) }}</text>
+                 <view class="size-box">{{ formatSize(item.downloadSize) }}/{{ formatSize(item.totalSize) }}</view>
               </view>
           </view>
         </view>
@@ -596,13 +596,24 @@ onMounted(() => {
 page{
   background-color: #ffffff;
 }
+.size-box{
+  display: flex;
+  white-space: nowrap;
+  justify-content: flex-end;
+
+  white-space: nowrap;
+    font-size: 24rpx;
+    color:#8b2316
+}
 .box{
   display: flex;
-  flex:1;
-  align-items: center;
+  white-space: nowrap;
+  justify-content: flex-end;
   margin-left: 30rpx;
   text{
     width: 40rpx;
+    display: flex;
+    white-space: nowrap;
     font-size: 24rpx;
     color:#8b2316
   }
@@ -804,8 +815,8 @@ page{
 }
 .video-status{
   display: flex;
-  align-items: center;
-  margin-right: 20rpx;
+ 
+  
   justify-content: space-between;
   .status-icon{
     display: flex;