样式优化

src/components/ShootProgress2.vue

@@ -80,34 +80,33 @@ onBeforeUnmount(() => {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-bottom: 12vw;
+  margin-left: 10rpx;
 }
 .container > image {
   width: 360rpx;
   height: 80rpx;
-  transform: translateY(7px);
+  transform: translateY(24rpx);
 }
 .container > view:last-child {
   width: 100%;
   text-align: center;
   background-color: #444444;
   border-radius: 20px;
-  font-size: 12px;
-  height: 15px;
-  line-height: 15px;
+  height: 24rpx;
   position: relative;
   overflow: hidden;
 }
 .container > view:last-child > view {
-  position: absolute;
-  height: 15px;
+  height: 24rpx;
   border-radius: 15px;
   transition: all 1s linear;
 }
 .container > view:last-child > text {
-  font-size: 10px;
-  line-height: 15px;
+  font-size: 18rpx;
   color: #fff;
-  position: relative;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
 }
 </style>