编年史

src/components/TuanRank.vue

@@ -5,8 +5,9 @@
             <img class="fire2" src="@assets/fire2.gif" alt="" />
 
             <div class="content">
-                <img :src="activityIcon" alt="" />
-                <span>团灭大战</span>
+                <img src="@assets/png-xiaohui.png" alt="" />
+                <!-- <img :src="activityIcon" alt="" />
+                <span>团灭大战</span> -->
             </div>
         </div>
     </div>
@@ -28,7 +29,7 @@ export default {
     },
     methods: {
         goActivityRank() {
-            this.$router.push('/activityRank');
+            this.$router.push('/activityRank2');
         }
     }
 };
@@ -46,16 +47,21 @@ export default {
 .fire1 {
     width: 42px;
     display: block;
-    transform: translateY(12px);
+    transform: translateY(13px);
+    position: relative;
+    z-index: 1;
 }
 .fire2 {
     width: 40px;
-    height: 120px;
+    height: 134px;
     display: block;
+    position: relative;
+    z-index: 1;
 }
 .fire2bg {
-    background: linear-gradient(142deg, #8622b2 0%, #b730dc 47%, #8422b1 100%);
+    // background: linear-gradient(142deg, #8622b2 0%, #b730dc 47%, #8422b1 100%);
     position: relative;
+    z-index: 0;
 }
 .content {
     position: absolute;
@@ -66,21 +72,22 @@ export default {
     left: 0;
     right: 0;
     bottom: 0;
+    z-index: 0;
     img {
-        width: 26px;
-        height: 26px;
-    }
-    span {
-        width: 18px;
-        font-size: 18px;
-        font-weight: bold;
-        color: #ffffff;
-        line-height: 20px;
-        background: linear-gradient(140deg, #fcfe1e 0%, #feffa3 48%, #fcfd1d 100%);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        word-wrap: break-word;
-        margin-top: 3px;
+        width: 40px;
+        height: 134px;
     }
+    // span {
+    //     width: 18px;
+    //     font-size: 18px;
+    //     font-weight: bold;
+    //     color: #ffffff;
+    //     line-height: 20px;
+    //     background: linear-gradient(140deg, #fcfe1e 0%, #feffa3 48%, #fcfd1d 100%);
+    //     -webkit-background-clip: text;
+    //     -webkit-text-fill-color: transparent;
+    //     word-wrap: break-word;
+    //     margin-top: 3px;
+    // }
 }
 </style>

src/views/user/ActivityRank2.vue

@@ -5,7 +5,7 @@
             <div class="tr">
                 <div class="th">排行</div>
                 <div class="th">用户头像</div>
-                <div class="th">销毁数量</div>
+                <div class="th">合成数量</div>
             </div>
             <div class="tr" v-for="(item, index) in list" :key="index">
                 <div class="td">
@@ -47,7 +47,7 @@ export default {
                 message: '加载中...',
                 forbidClick: true
             });
-            this.$http.get('/destroyRecord/rank/' + this.rare).then(res => {
+            this.$http.get('/mintOrder/mintRank').then(res => {
                 this.$toast.clear();
                 this.list = res;
             });