44444444

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

@@ -65,15 +65,7 @@ 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,
-          ),
-          // border: Border.all(color: Colors.red, width: 1), 
-        ),
+      // padding: EdgeInsets.only(top: 15.h,bottom: 35.h,left: 10.w,right: 15.w),
       child: Stack(
         fit: StackFit.expand,
         children: [
@@ -81,14 +73,29 @@ class VideoPlayerWidget extends StatelessWidget {
           _buildVideoLayer(),
           // 状态指示层
           _buildStatusOverlay(),
+
+          Container(
+            decoration: BoxDecoration(
+              border: Border.all(color: Color(0xFF010B1D), width: 10.w),
+            ),
+          ),
+
+          // 边框图片层（中间层，保证按钮可点）
+          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)