fix

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

@@ -21,6 +21,9 @@
       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

@@ -97,6 +97,8 @@ export default defineComponent({
           shrink
           lineWidth={20}
           sticky
+          animated
+          swipeable
           offsetTop={this.height}
           v-model:active={this.tabs}
           onChange={() => {
@@ -104,19 +106,31 @@ export default defineComponent({
           }}
         >
           <Tab title="个人风采" name="single">
-            {this.tabs === 'single' && <Single userInfo={this.userInfo} />}
+            <div class={styles.homeContaiter}>
+              {this.tabs === 'single' && <Single userInfo={this.userInfo} />}
+            </div>
           </Tab>
           <Tab title="陪练课" name="practice">
-            {this.tabs === 'practice' && <Practice userInfo={this.userInfo} />}
+            <div class={styles.homeContaiter}>
+              {this.tabs === 'practice' && (
+                <Practice userInfo={this.userInfo} />
+              )}
+            </div>
           </Tab>
           <Tab title="直播课" name="live">
-            {this.tabs === 'live' && <Live />}
+            <div class={styles.homeContaiter}>
+              {this.tabs === 'live' && <Live />}
+            </div>
           </Tab>
           <Tab title="视频课" name="video">
-            {this.tabs === 'video' && <VideoList />}
+            <div class={styles.homeContaiter}>
+              {this.tabs === 'video' && <VideoList />}
+            </div>
           </Tab>
           <Tab title="乐谱" name="music">
-            {this.tabs === 'music' && <Music />}
+            <div class={styles.homeContaiter}>
+              {this.tabs === 'music' && <Music />}
+            </div>
           </Tab>
         </Tabs>