From fcddbd46d72ccbcdf5001d2a6c490ef082b1eb55 Mon Sep 17 00:00:00 2001
From: zyronon <zyronon@163.com>
Date: Thu, 9 Sep 2021 01:58:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9Indicator.vue=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8render=E6=B8=B2=E6=9F=93=E6=97=B6=EF=BC=8C=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E4=BA=8B=E4=BB=B6=E4=B8=8D=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Indicator.vue |  4 +++-
 src/pages/me/Uploader.vue    | 12 ++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Indicator.vue b/src/components/Indicator.vue
index b05a80f..e71579a 100644
--- a/src/components/Indicator.vue
+++ b/src/components/Indicator.vue
@@ -59,7 +59,9 @@ export default {
                   this.tabTexts.map((item, index) => {
                     return (
                         <div className={this.currentSlideItemIndex === index ? 'active tab' : 'tab'}
-                             style={{width: this.tabStyleWidth}}>
+                             style={{width: this.tabStyleWidth}}
+                             onClick={e => this.changeIndex(index)}
+                        >
                           < span> {item}</span>
                         </div>
                     )
diff --git a/src/pages/me/Uploader.vue b/src/pages/me/Uploader.vue
index 6a82998..599b95e 100644
--- a/src/pages/me/Uploader.vue
+++ b/src/pages/me/Uploader.vue
@@ -155,6 +155,7 @@
         </div>
       </div>
       <Indicator
+          ref="Indicator"
           name="videoList"
           tabStyleWidth="50%"
           :tabRender="tabRender"
@@ -223,10 +224,14 @@ export default {
       tabRender: () => {
         return (
             <div className="tabs" ref="tabs">
-              <div className={this.contentIndex === 0 ? 'active tab' : 'tab'} style="width:50%">
+              <div className={this.contentIndex === 0 ? 'active tab' : 'tab'}
+                   onClick={e => this.changeIndicatorIndex(0)}
+                   style="width:50%">
                 <span>作品 {this.localAuthor.video_count}</span>
               </div>
-              <div className={this.contentIndex === 1 ? 'active tab' : 'tab'} style="width:50%">
+              <div className={this.contentIndex === 1 ? 'active tab' : 'tab'}
+                   onClick={e => this.changeIndicatorIndex(1)}
+                   style="width:50%">
                 <span>喜欢</span>
                 <img src={require('../../assets/img/icon/components/follow/lock.png')} alt=""/>
               </div>
@@ -372,6 +377,9 @@ export default {
     bus.on('baseSlide-end', () => this.canScroll = true)
   },
   methods: {
+    changeIndicatorIndex(index) {
+      this.$refs.Indicator.changeIndex(index)
+    },
     async getAuthor() {
       this.changeIndex(0, null)
       // let res = await this.$api.user.author({id: this.author.id})