Browse Source

无限滚动插件有问题,暂时隐藏

Caner 2 years ago
parent
commit
8087df8d12
2 changed files with 27 additions and 28 deletions
  1. 26 26
      src/pages/views/home/components/HomePage.vue
  2. 1 2
      src/pages/views/home/route.ts

+ 26 - 26
src/pages/views/home/components/HomePage.vue

@@ -221,38 +221,38 @@
                   </span>
                   </span>
                 </div>
                 </div>
                 <div class="scrollBox">
                 <div class="scrollBox">
-                  <TankSeamlessScroll
+                  <!-- <TankSeamlessScroll
                     :step-length="60"
                     :step-length="60"
                     :debug="false"
                     :debug="false"
                     :reverse="false"
                     :reverse="false"
+                  > -->
+                  <template
+                    v-for="(item, index) in itemd.content[1]"
+                    :key="index"
                   >
                   >
-                    <template
-                      v-for="(item, index) in itemd.content[1]"
-                      :key="index"
-                    >
-                      <div class="classes-scroll-content">
-                        <div>
-                          <div>
-                            <span>{{ item.name }}<i>{{ item.num }}</i></span>
-                            <span>始</span>
-                            <span>{{ item.start }}</span>
-                            <span>终</span>
-                            <span>{{ item.end }}</span>
-                          </div>
-                          <div>{{ item.plan }}/{{ item.pratic }}</div>
-                        </div>
+                    <div class="classes-scroll-content">
+                      <div>
                         <div>
                         <div>
-                          <n-progress
-                            type="line"
-                            :percentage="item.pratic"
-                            :show-indicator="false"
-                            :class="{ resetStyle: indexd === 3 }"
-                            processing
-                          />
+                          <span>{{ item.name }}<i>{{ item.num }}</i></span>
+                          <span>始</span>
+                          <span>{{ item.start }}</span>
+                          <span>终</span>
+                          <span>{{ item.end }}</span>
                         </div>
                         </div>
+                        <div>{{ item.plan }}/{{ item.pratic }}</div>
                       </div>
                       </div>
-                    </template>
-                  </TankSeamlessScroll>
+                      <div>
+                        <n-progress
+                          type="line"
+                          :percentage="item.pratic"
+                          :show-indicator="false"
+                          :class="{ resetStyle: indexd === 3 }"
+                          processing
+                        />
+                      </div>
+                    </div>
+                  </template>
+                  <!-- </TankSeamlessScroll> -->
                 </div>
                 </div>
               </div>
               </div>
               <template v-else>
               <template v-else>
@@ -292,7 +292,7 @@
 import Layout from '@/components/layout.vue'
 import Layout from '@/components/layout.vue'
 import { ref } from 'vue'
 import { ref } from 'vue'
 import Box from '@/components/box.vue'
 import Box from '@/components/box.vue'
-import TankSeamlessScroll from 'tank-vue3-seamless-scroll'
+// import TankSeamlessScroll from 'tank-vue3-seamless-scroll'
 import { graphic } from 'echarts'
 import { graphic } from 'echarts'
 import Echart from '@/components/chart.vue'
 import Echart from '@/components/chart.vue'
 
 

+ 1 - 2
src/pages/views/home/route.ts

@@ -1,10 +1,9 @@
 import { RouteRecordRaw } from 'vue-router'
 import { RouteRecordRaw } from 'vue-router'
-import home from './index.vue'
 
 
 export default {
 export default {
   path: '/',
   path: '/',
   meta: {
   meta: {
     authorize: true
     authorize: true
   },
   },
-  component: home
+  component: () => import('./index.vue')
 } as RouteRecordRaw
 } as RouteRecordRaw