From 579047901d97b9ccb50c865e7634a437a50f04d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EF=BC=81=E9=98=B3=E4=BB=94?= <15836909675@163.com>
Date: Wed, 24 Aug 2022 15:18:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=94=A8=E6=88=B7=E5=90=8D?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/pc/fans.vue     | 28 ----------------------------
 src/view/pc/rankList.vue | 34 +++++++++++++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/src/view/pc/fans.vue b/src/view/pc/fans.vue
index 7e2f47e..97d5055 100644
--- a/src/view/pc/fans.vue
+++ b/src/view/pc/fans.vue
@@ -8,10 +8,6 @@
     <div class="user-rank-list" ref="user-rank-list">
       <RankList title="铁粉榜" @clear="clear" :cityObj="cityObj" listTitle="铁粉数" :rankData="rankData" @rankFans="rankFans"/>
     </div>
-    <div class="force-slide" :style="`right:${$refs['user-rank-list'].offsetWidth+50}px;`" v-if="cityObj" @click="clear">
-      <img src="@/assets/img/fansleft.png" alt="">
-       返回 
-    </div>
   </div>
 </template>
 <script>
@@ -98,29 +94,5 @@ export default {
     top: 40px;
     right: 40px;
   }
-  .force-slide{
-    // padding: 10px;
-    width: 64px;
-    height: 40px;
-    background: #364366;
-    color:#78C1FF;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 50px;
-    // left: 20px;
-    font-size: 14px;
-    border: 2px solid #5f97d5;
-    cursor: pointer;
-    img{
-      width: 12px;
-      height: 16px;
-    }
-  }
-  // .user-rank-list {
-  //   margin-top: 40px;
-  //   margin-right: 72px;
-  // }
 }
 </style>
\ No newline at end of file
diff --git a/src/view/pc/rankList.vue b/src/view/pc/rankList.vue
index ba53f3e..b04cb1f 100644
--- a/src/view/pc/rankList.vue
+++ b/src/view/pc/rankList.vue
@@ -1,5 +1,9 @@
 <template>
   <div class="rank-list" ref="rank-list">
+    <div class="force-slide"  v-if="userItem" @click="clear">
+      <img src="@/assets/img/fansleft.png" alt="">
+       返回 
+    </div>
     <div class="title">
       <span>{{ title }}</span>
       <!-- <span class="clear" @click="clear" v-if="cityObj">回退</span> -->
@@ -11,7 +15,7 @@
         <p><span>明星成员</span></p>
         <span>城市</span><span>{{listTitle}}</span>
       </div>
-    <ul class="user-list">
+    <ul class="user-list" ref="user-list">
       <li class="rank-list-nav active" v-for="(item,index) in rankData" :key="index" @click="rankAdd(item)">
         <span class="mar">{{index+1}}</span>
         <p>
@@ -35,6 +39,7 @@ export default {
   methods: {
     clear () {
       this.$emit('clear')
+      this.userItem = null
     },
     rankAdd(item){
       if (this.title == '用户原力榜') {
@@ -44,6 +49,11 @@ export default {
         this.$emit('rankFans',item)
       }
     }
+  },
+   watch: {
+    rankData() {
+      this.$refs['user-list'].scrollTop = 0
+    },
   },
   props: ['title','rankData','city','listTitle','cityObj']
 }
@@ -54,6 +64,28 @@ export default {
   height: 800px;
   display: flex;
   flex-direction: column;
+  position: relative;
+  .force-slide{
+    // padding: 10px;
+    width: 64px;
+    height: 40px;
+    background: #364366;
+    color:#78C1FF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 10px;
+    right: 410px;
+    // left: 20px;
+    font-size: 14px;
+    border: 2px solid #5f97d5;
+    cursor: pointer;
+    img{
+      width: 12px;
+      height: 16px;
+    }
+  }
   .title {
     display: flex;
     justify-content: space-between;
-- 
GitLab