1

src/assets/css/GameRanking.css

@@ -34,7 +34,7 @@
 .Ranking .rank-box .item {
     width: 9rem;
 }
-
+  
 .Ranking .rank-box .item .head {
     position: relative;
     width: 5rem;
@@ -53,15 +53,12 @@
 }
 
 .Ranking .rank-box .item .head .user-img {
-    width: 7rem;
-    height: 7rem;
+    width: 5rem;
+    height: 5rem;
     border-radius: 50%;
 }
 
 .Ranking .rank-box .item .body {
-    background: url(/static/image/gamerank/tiao.png);
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
     width: 60px;
     margin: 2rem auto;
     height: 292px;

src/components/playGame/GameRanking.vue

@@ -20,7 +20,7 @@
   </div>
 </template>
 
-<script>
+<script> 
 export default {
   name: 'Ranking',
   props: {

src/components/playGame/Money.vue

@@ -1073,6 +1073,10 @@ export default {
             height: data.length - index
           })
         })
+        let max = this.rankingList[0].rank
+        this.rankingList.map(x=>{
+          x.height = x.rank / max * 100
+        })
       }
     },
     initStatus() {

src/components/playGame/Mouse.vue

@@ -78,7 +78,7 @@
       </div>
       <div class="hd-game-btn-container" v-show="!showCount && !noReady && !showThrityCount">
         <div class="hd-game-btn" @click="StartGame()">
-          <i class="iconfont icon-go"></i>
+          <i class="iconfont icon-go"></i>  
           <span>开始</span>
         </div>
         <div class="hd-game-btn" v-if="gameOverState || (!showCount && !noReady)" @click="RestGame">