APP

YYC

2026-02-12 57233e23e69d04672f9721def4d00c2905922d25

 igdss-app/css/admin/security-video.css

@@ -1,44 +1,75 @@
/* 页面自定义样式 */
.m-videob1{
  border-radius: 10px;
  overflow: hidden;
  margin-top: 10px;
   border-radius: 10px;
   overflow: hidden;
   margin: 10px 0;
   height: 246px;;
   flex-shrink: 0; /* 防止视频区域被压缩 */
}
.m-videob1 .video{
  display: block;
  width: 100%;
	
   width: 100%;
   height: 100%;
	
}
.m-videob1 .iframe{
   width: 100%;
   height: 100%;
}

.ul-locb1 .con{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 62px;
  border-radius: 10px;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  padding: 0 15px;
  margin-top: 8px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 62px;
   border-radius: 10px;
   overflow: hidden;
   font-size: 16px;
   color: #fff;
   padding: 0 15px;
   margin-top: 8px;
}
.ul-locb1 .left{
  flex:1;
  overflow: hidden;
  display: flex;
  align-items: center;
   flex:1;
   overflow: hidden;
   display: flex;
   align-items: center;
}
.ul-locb1 .icon{
  width: 35px;
  overflow: hidden;
   width: 35px;
   overflow: hidden;
}
.ul-locb1 .icon img{
  display: block;
  max-width: 20px;
   display: block;
   max-width: 20px;
}

.box{
   top: 45px;
   height: calc(100vh - 84px);
}
/* 新的布局样式 */
.mui-content {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 30px); /* 减去header高度 */
   padding: 0;
   overflow: hidden;
}

.video-container {
   flex-shrink: 0;
   padding: 10px 10px 0;
   background: transparent;
}

.list-container {
   flex: 1;
   overflow: hidden;
   padding: 0 10px 10px;
}

.scroll-wrapper {
   height: 100%;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch; /* 流畅滚动 */
}