新增下载二维码

src/views/home/index.vue

@@ -134,6 +134,16 @@
             </li>
             <li class="explore-btn" @click="exploreCli(stepTicket)">Explore Map</li>
           </div>
+          <div class="explore-download" v-if="navIndex == 0">
+            <li v-for="(item, index) in download" :key="index">
+              <div class="download-img">
+                <img :src="item.imgSrc" alt="">
+              </div>
+              <div class="download-img-hover">
+                <img :src="item.imgSrcHover" alt="">
+              </div>
+            </li>
+          </div>
         </div>
       </div>
       <div class="right">
@@ -874,6 +884,23 @@ export default {
         }
       ],
       navIndex: 0,
+      download: [
+        {
+          name: '',
+          imgSrc: require("@/assets/common/andriod.png"),
+          imgSrcHover: require("@/assets/common/counterfire-apk.png"),
+        },
+        {
+          name: '',
+          imgSrc: require("@/assets/common/app.png"),
+          imgSrcHover: require("@/assets/common/appstore.png"),
+        },
+        {
+          name: '',
+          imgSrc: require("@/assets/common/google.png"),
+          imgSrcHover: require("@/assets/common/googleplay.png"),
+        },
+      ],
       walletDialogVisible: false,
       gameStateData: {},
       activityName: "",
@@ -2064,6 +2091,38 @@ export default {
             cursor: pointer;
           }
         }
+        .explore-download {
+          position: absolute;
+          right: 30px;
+          bottom: 90px;
+          li {
+            position: relative;
+            margin-top: 10px;
+            cursor: pointer;
+            .download-img {
+              width: 120px;
+              height: 35px;
+            }
+            .download-img-hover {
+              display: none;
+              width: 120px;
+              height: 120px;
+              position: absolute;
+              top: -120px;
+              left: 0;
+              z-index: 99;
+            }
+            img {
+              width: 100%;
+              height: 100%;
+            }
+            &:hover {
+              .download-img-hover {
+                display: block;
+              }
+            }
+          }
+        }
       }
     }
     .right {

src/views/home/ranking.vue

@@ -634,6 +634,9 @@ export default  {
                   color: #979797;
                   font-size: 14px;
                 }
+                .name {
+                  font-size: 14px;
+                }
               }
             }
           }
@@ -645,6 +648,7 @@ export default  {
               font-size: 14px;
             }
             .records {
+              font-size: 14px;
               text-align: left;
             }
             .icon {