排名显示问题

pages/ranks/index.vue

@@ -17,7 +17,7 @@
                     </div>
                 </div>
                 <div class="info-score">
-                    <p>{{rank}}<span v-if="rank > 100">+</span></p>
+                    <p>{{rankNum}}<span v-if="rank > 100">+</span></p>
                     <span class="text">我的排名</span>
                 </div>
             </div>
@@ -88,6 +88,7 @@ export default {
             name: '',
             allScore: 0,
             rank: 0,
+            rankNum: 0,
             firstScore: 0,
             lastScore: 0
         }
@@ -112,7 +113,8 @@ export default {
                 this.allScore = res.data.totalScore;
                 this.userId = res.data.id;
                 this.name = res.data.name;
-                this.rank = res.data.rank > 100 ? 100 : res.data.rank;
+                this.rankNum = res.data.rank > 100 ? 100 : res.data.rank;
+                this.rank = res.data.rank;
                 this.firstScore = res.data.firstScore;
                 this.lastScore = res.data.lastScore;
             })
@@ -257,7 +259,6 @@ export default {
                     height: 8px;
                     margin-top: 5px;
                     border-radius: 50%;
-                    border-radius: 50%;
                     transform: scale(.5);
                     transform-origin: 0% center;
                     background: #fff;