一体机放大效果开发

packageA/pages/post/component/radarMap.vue

@@ -1,6 +1,6 @@
 <template>
     <view style="display: flex; justify-content: center; padding: 0px 0">
-        <canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
+        <canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 450px; height: 375px"></canvas>
     </view>
 </template>
 
@@ -162,7 +162,7 @@ function rawRadarChart(labels, data) {
         //标题
         ctx.setFillStyle('#000');
         ctx.setFontSize(12);
-        ctx.font = 'bold 12px sans-serif';
+        ctx.font = 'bold 18px sans-serif';
         ctx.fillText(label, x, y);
 
         // ctx.setFillStyle('#A2A4A2');

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>