update: 新疆大屏

src/views/indexSun/threeR.vue

@@ -7,12 +7,12 @@
         <div class="content">
             <div class="content-item">
                 <template v-if="scrollList.length > 0">
-                    <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :copyNum="3" :limitScrollNum="4" v-bind="{ step: 0.2 }">
-                        <div class="item-d" v-for="(item, index) in scrollList" :key="index">
-                            <div>体检总人数</div>
-                            <div style="font-weight: bold">18000人</div>
-                        </div>
-                    </vue3-seamless-scroll>
+                    <!--                    <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :copyNum="3" :limitScrollNum="4" v-bind="{ step: 0.2 }">-->
+                    <div class="item-d" v-for="(item, index) in scrollList" :key="index">
+                        <div>体检总人数</div>
+                        <div style="font-weight: bold">18000人</div>
+                    </div>
+                    <!--                    </vue3-seamless-scroll>-->
                 </template>
                 <template v-else>
                     <div style="height: 100%; width: 100%; display: flex; align-items: center; justify-content: center">
@@ -25,9 +25,17 @@
 </template>
 <script setup lang="ts">
     import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-    const scrollList = ref<any[]>([{}, {}, {}, {}, {}, {}, {}, {}]);
     import { Empty } from 'ant-design-vue';
-    import { ref } from 'vue';
+    import { ref, onMounted } from 'vue';
+    import { threeRApi } from '/@/views/indexSun/indexSun.api.ts';
+    const scrollList = ref<any[]>([]);
+    onMounted(() => {
+        threeRApi({}).then((res) => {
+            if (res.code == 200) {
+                scrollList.value = res.result;
+            }
+        });
+    });
 </script>
 <style lang="less" scoped>
     .three-r-box {