Update teacher-home.tsx

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

@@ -46,8 +46,8 @@ export default defineComponent({
     useEventListener(document, 'scroll', evt => {
       const { y } = useWindowScroll()
       // this.background = `rgba(255, 255, 255, ${y.value / 100})`
-      // console.log(y.value)
-      if (y.value > 142) {
+      // console.log(y.value) 142
+      if (y.value > 52) {
         this.headColor = '#000'
         this.background = '#fff'
         this.backIconColor = 'black'
@@ -83,7 +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)`
+                // this.homeContaiterHeight = `calc(100vh - var(--van-tabs-line-height) - ${height}px - 15px)`
               })
             }}
           />
@@ -106,29 +106,29 @@ export default defineComponent({
           }}
         >
           <Tab title="个人风采" name="single">
-            <div style={{minHeight: this.homeContaiterHeight}}>
+            <div style={{ minHeight: this.homeContaiterHeight }}>
               {this.tabs === 'single' && <Single userInfo={this.userInfo} />}
             </div>
           </Tab>
           <Tab title="陪练课" name="practice">
-            <div style={{minHeight: this.homeContaiterHeight}}>
+            <div style={{ minHeight: this.homeContaiterHeight }}>
               {this.tabs === 'practice' && (
                 <Practice userInfo={this.userInfo} />
               )}
             </div>
           </Tab>
           <Tab title="直播课" name="live">
-            <div style={{minHeight: this.homeContaiterHeight}}>
+            <div style={{ minHeight: this.homeContaiterHeight }}>
               {this.tabs === 'live' && <Live />}
             </div>
           </Tab>
           <Tab title="视频课" name="video">
-            <div style={{minHeight: this.homeContaiterHeight}}>
+            <div style={{ minHeight: this.homeContaiterHeight }}>
               {this.tabs === 'video' && <VideoList />}
             </div>
           </Tab>
           <Tab title="乐谱" name="music">
-            <div style={{minHeight: this.homeContaiterHeight}}>
+            <div style={{ minHeight: this.homeContaiterHeight }}>
               {this.tabs === 'music' && <Music />}
             </div>
           </Tab>