44444444

lib/views/monitoring/index/widgets/video_player_widget.dart

@@ -65,29 +65,36 @@ class VideoPlayerWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return ClipRRect( 
-      child: Container(
-        padding: EdgeInsets.only(top: 15.h,bottom: 35.h,left: 10.w,right: 15.w),
-        decoration: BoxDecoration(
-          image: const DecorationImage( 
-            image: AssetImage('lib/assets/monitoring/box_border.png'),
-            fit: BoxFit.fill,
+      // padding: EdgeInsets.only(top: 15.h,bottom: 35.h,left: 10.w,right: 15.w),
+      child: Stack(
+        fit: StackFit.expand,
+        children: [
+          // 视频画面层
+          _buildVideoLayer(),
+          // 状态指示层
+          _buildStatusOverlay(),
+
+          Container(
+            decoration: BoxDecoration(
+              border: Border.all(color: Color(0xFF010B1D), width: 10.w),
+            ),
           ),
-          // border: Border.all(color: Colors.red, width: 1), 
-        ),
-        child: Stack(
-          fit: StackFit.expand,
-          children: [
-            // 视频画面层
-            _buildVideoLayer(),
-            // 状态指示层
-            _buildStatusOverlay(),
-            // 模式切换按钮（右下角倒数第二个位置）
-            if (onToggleMode != null && !isSwitchingMode)
-              _buildToggleModeButton(),
-            // 全屏按钮（右下角最后一个位置）
-            if (_isVideoShowing) _buildFullscreenButton(context),
-          ],
-        ),
+
+          // 边框图片层（中间层，保证按钮可点）
+          const Positioned.fill(
+            child: Image(
+              image: AssetImage('lib/assets/monitoring/box_border.png'),
+              fit: BoxFit.fill,
+            ),
+          ),
+
+          // 模式切换按钮（右下角倒数第二个位置）
+          if (onToggleMode != null && !isSwitchingMode)
+            _buildToggleModeButton(),
+          // 全屏按钮（右下角最后一个位置）
+          if (_isVideoShowing) _buildFullscreenButton(context),
+          
+        ],
       ),
     );
   }
@@ -224,7 +231,7 @@ class VideoPlayerWidget extends StatelessWidget {
   /// 全屏按钮（右下角）
   Widget _buildFullscreenButton(BuildContext context) {
     return Positioned(
-      right: 12.w,
+      right: 42.w,
       bottom: 12.h,
       child: GestureDetector(
         onTap: () {
@@ -239,8 +246,8 @@ class VideoPlayerWidget extends StatelessWidget {
           );
         },
         child: Container(
-          width: 40.w,
-          height: 40.w,
+          width: 60.w,
+          height: 60.w,
           decoration: BoxDecoration(
             color: Colors.black38,
             borderRadius: BorderRadius.circular(8.r),
@@ -258,7 +265,7 @@ class VideoPlayerWidget extends StatelessWidget {
   /// 模式切换按钮（全屏按钮左侧 8px 间距）
   Widget _buildToggleModeButton() {
     return Positioned(
-      right: 12.w + 40.w + 8.w,
+      right: 12.w + 40.w + 68.w,
       bottom: 12.h,
       child: VideoStreamSwitch(
         currentMode: streamMode,

lib/views/monitoring/index/widgets/video_stream_switch.dart

@@ -29,8 +29,8 @@ class VideoStreamSwitch extends StatelessWidget {
     return GestureDetector(
       onTap: onToggle,
       child: Container(
-        width: 40.w,
-        height: 40.w,
+        width: 60.w,
+        height: 60.w,
         decoration: BoxDecoration(
           color: isP2p
               ? const Color(0xFF3A87FF).withValues(alpha: 0.6)