--

src/components/top10.vue

@@ -22,12 +22,16 @@
               <ul class="body-item" v-for="(item, index) in list" :key="index">
                 <li class="f1">{{ (index % 10) + 1 }}</li>
                 <li class="f7">
-                  <div class="title" :title="item.boardName">{{ item.boardName }}</div>
+                  <div class="title" :title="item.boardName">
+                    {{ item.boardName }}
+                  </div>
                 </li>
                 <li class="f2">{{ item.playNumber }}</li>
               </ul>
             </div>
             <div id="con2"></div>
+            <div id="con3"></div>
+            <div id="con4"></div>
           </div>
         </div>
       </slot>
@@ -37,7 +41,7 @@
 
 <script>
 import triangle from "../components/slot/triangle";
-import { getCurDate } from './util.time.js'
+import { getCurDate } from "./util.time.js";
 export default {
   name: "top10",
   data() {
@@ -53,7 +57,7 @@ export default {
   components: { triangle },
   mounted() {
     this.title = this.getTitle();
-    this.getList()
+    this.getList();
   },
   methods: {
     getTitle() {
@@ -65,7 +69,11 @@ export default {
       this.box = document.getElementById("bodyContent");
       this.con1 = document.getElementById("con1");
       let con2 = document.getElementById("con2");
+      let con3 = document.getElementById("con3");
+      let con4 = document.getElementById("con4");
       con2.innerHTML = this.con1.innerHTML;
+      con3.innerHTML = this.con1.innerHTML;
+      con4.innerHTML = this.con1.innerHTML;
       this.timer = setInterval(_this.scrollUp, _this.speed);
     },
     scrollUp() {
@@ -83,24 +91,24 @@ export default {
       clearInterval(this.timer);
     },
     getList() {
-       let _this = this
+      let _this = this;
       let requestparams = {};
       requestparams._index = 1;
       requestparams._size = 10;
       this.$https(
         {
           method: "post",
-          url: "tBoardStatistic/getBoardRankPageList"
+          url: "tBoardStatistic/getBoardRankPageList",
         },
         requestparams
       )
         .then((res) => {
           if (res.status == 200) {
             if (res.data.resultCode == 200) {
-              this.list = res.data.data.records;
-              this.$nextTick(()=>{
+              _this.list = res.data.data.records;
+              _this.$nextTick(() => {
                 _this.initScroll();
-              })
+              });
             } else {
               this.list = [];
             }
@@ -111,7 +119,7 @@ export default {
         .catch((err) => {
           this.$message.error(err.message);
         });
-    }
+    },
   },
 };
 </script>