fix

src/student/teacher-dependent/teacher-home.module.less

@@ -21,9 +21,6 @@
       background-color: transparent;
     }
   }
-  .homeContaiter{
-    min-height: calc(100vh - var(--van-tabs-line-height) - var(--van-nav-bar-height));
-  }
 }
 .bgImg{
   position: absolute;

src/student/teacher-dependent/teacher-home.tsx

@@ -32,7 +32,8 @@ export default defineComponent({
       background: 'rgba(55, 205, 177, 0)',
       headColor: '#fff',
       height: 'auto' as any,
-      backIconColor: 'white'
+      backIconColor: 'white',
+      homeContaiterHeight: ''
     }
   },
   async created() {},
@@ -82,6 +83,7 @@ export default defineComponent({
               this.$nextTick(() => {
                 const { height } = useRect((this as any).$refs.headers)
                 this.height = height
+                this.homeContaiterHeight = `calc(100vh - var(--van-tabs-line-height) - ${height}px - 15px)`
               })
             }}
           />
@@ -106,29 +108,29 @@ export default defineComponent({
           }}
         >
           <Tab title="个人风采" name="single">
-            <div class={styles.homeContaiter}>
+            <div style={{minHeight: this.homeContaiterHeight}}>
               {this.tabs === 'single' && <Single userInfo={this.userInfo} />}
             </div>
           </Tab>
           <Tab title="陪练课" name="practice">
-            <div class={styles.homeContaiter}>
+            <div style={{minHeight: this.homeContaiterHeight}}>
               {this.tabs === 'practice' && (
                 <Practice userInfo={this.userInfo} />
               )}
             </div>
           </Tab>
           <Tab title="直播课" name="live">
-            <div class={styles.homeContaiter}>
+            <div style={{minHeight: this.homeContaiterHeight}}>
               {this.tabs === 'live' && <Live />}
             </div>
           </Tab>
           <Tab title="视频课" name="video">
-            <div class={styles.homeContaiter}>
+            <div style={{minHeight: this.homeContaiterHeight}}>
               {this.tabs === 'video' && <VideoList />}
             </div>
           </Tab>
           <Tab title="乐谱" name="music">
-            <div class={styles.homeContaiter}>
+            <div style={{minHeight: this.homeContaiterHeight}}>
               {this.tabs === 'music' && <Music />}
             </div>
           </Tab>