|
@@ -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>
|
|
|
|