update: 新疆大屏

src/views/indexSun/oneR.vue

@@ -1,18 +1,21 @@
 <template>
-    <div class="three-l-box">
+    <div class="one-r-box">
         <div class="title">
-            <span>{{ props.title }}</span>
-            <span class="look-view">查看详情</span>
+            <span>健康终端报警</span>
+            <span class="look-view" @click="handleView">查看详情</span>
         </div>
         <div class="content">
             <div class="content-item">
                 <template v-if="scrollList.length > 0">
-                    <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :limitScrollNum="5" v-bind="{ step: 0.2 }">
+                    <vue3-seamless-scroll :list="scrollList" class="scroll" :hover="true" :copyNum="3" :limitScrollNum="5" v-bind="{ step: 0.2 }">
                         <div class="item-d" v-for="(item, index) in scrollList" :key="index">
                             <div>张二雷{{ index }}</div>
-                            <div>40岁</div>
-                            <div :style="{ color: props.type == 1 ? '#f24439' : '#f6ff00' }">体重(超重)</div>
+                            <div style="color: #f6ff00">压力异常(82)</div>
                             <div>2025-10-26 22:29:58</div>
+                            <div class="item-d-img">
+                                <img :src="pointPng" alt="" />
+                                <img :src="addressPng" alt="" />
+                            </div>
                         </div>
                     </vue3-seamless-scroll>
                 </template>
@@ -32,23 +35,19 @@
     import pointPng from '/@/assets/indexSun/point.png';
     import addressPng from '/@/assets/indexSun/address.png';
     const loading = ref(true);
-    const props = defineProps({
-        title: {
-            type: String,
-            default: '',
-        },
-        type: {
-            type: Number,
-            default: 1,
-        },
-    });
     const scrollList = ref<any[]>([{}, {}, {}, {}, {}, {}, {}, {}]);
+
+    const emit = defineEmits(['handleView']);
+    function handleView() {
+        emit('handleView');
+    }
 </script>
 <style lang="less" scoped>
-    .three-l-box {
+    .one-r-box {
         background: rgba(8, 75, 100, 0.2);
         display: flex;
         flex-direction: column;
+        letter-spacing: 0px;
         .title {
             height: 40px;
             border-radius: 14px 14px 0 0;