| | |
| | | /* 页面自定义样式 */ |
| | | .m-videob1{ |
| | | border-radius: 10px; |
| | | overflow: hidden; |
| | | margin-top: 10px; |
| | | margin: 10px 0; |
| | | height: 246px;; |
| | | flex-shrink: 0; /* 防止视频区域被压缩 */ |
| | | } |
| | | .m-videob1 .video{ |
| | | display: block; |
| | | |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | } |
| | | .m-videob1 .iframe{ |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .ul-locb1 .con{ |
| | |
| | | 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; /* 流畅滚动 */ |
| | | } |