/* 页面自定义样式 */ .m-videob1{ border-radius: 10px; overflow: hidden; margin: 10px 0; height: 246px;; flex-shrink: 0; /* 防止视频区域被压缩 */ } .m-videob1 .video{ 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; } .ul-locb1 .left{ flex:1; overflow: hidden; display: flex; align-items: center; } .ul-locb1 .icon{ width: 35px; overflow: hidden; } .ul-locb1 .icon img{ display: block; max-width: 20px; } /* 新的布局样式 */ .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; /* 流畅滚动 */ }