修改完成

pages/family/f10-video-list.vue

@@ -46,56 +46,47 @@ const returnToFamily = () => {
 
 <style scoped lang="scss">
 .video-status-page {
-  position: relative;
   min-height: 100vh;
-  overflow-x: hidden;
   background: $paper;
 }
-.video-status-header,
-.video-status-content {
-  position: relative;
-  z-index: 2;
-}
 .video-status-content {
   padding: 16rpx 26rpx 56rpx;
 }
 .video-status-lead {
-  position: relative;
-  height: 56rpx;
+  display: grid;
+  min-height: 56rpx;
   margin: 0 12rpx 18rpx;
   color: $ink-muted;
   font-size: 23rpx;
   text-align: center;
 }
 .video-status-lead image {
-  position: absolute;
-  inset: 0;
+  grid-area: 1 / 1;
   width: 100%;
   height: 100%;
 }
 .video-status-lead text {
-  position: relative;
   z-index: 1;
   display: flex;
+  grid-area: 1 / 1;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
 .video-status-card {
-  position: relative;
+  display: grid;
   width: 100%;
   min-height: 330rpx;
   text-align: center;
 }
 .video-status-card__skin {
-  position: absolute;
-  inset: 0;
+  grid-area: 1 / 1;
   width: 100%;
   height: 100%;
 }
 .video-status-card__body {
-  position: relative;
   z-index: 1;
+  grid-area: 1 / 1;
   padding: 70rpx 60rpx 48rpx;
 }
 .video-status-card__eyebrow,