一体机放大效果开发

packageA/pages/post/component/videoPlayer.vue

@@ -77,7 +77,7 @@ const handleTouchMove = (e) => {
     const newY = e.touches[0].clientY - startPos.y;
 
     // 边界检测
-    const maxX = window.innerWidth - videoWidth.value / 2; // 300rpx换算后的值
+    const maxX = window.innerWidth - videoWidth.value / 2; // 450rpx换算后的值
     const maxY = window.innerHeight - videoHeight.value / 2;
 
     position.x = Math.max(0, Math.min(newX, maxX));
@@ -165,9 +165,9 @@ defineExpose({ open });
     position: fixed;
     z-index: 999;
     background: #000;
-    border-radius: 8rpx;
+    border-radius: 12rpx;
     overflow: hidden;
-    box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.3);
+    box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.3);
 }
 
 .controls {
@@ -175,16 +175,16 @@ defineExpose({ open });
     top: 0;
     right: 0;
     /* background: rgba(0, 0, 0, 0.7); */
-    padding: 10rpx;
+    padding: 15rpx;
     display: flex;
     justify-content: space-around;
 }
 
 .controls .control-text {
     color: #fff;
-    font-size: 24rpx;
-    padding: 8rpx 16rpx;
+    font-size: 36rpx;
+    padding: 12rpx 24rpx;
     background: rgba(255, 255, 255, 0.2);
-    border-radius: 4rpx;
+    border-radius: 6rpx;
 }
 </style>