From 5f31856ac0b5635af49bbc759a9121742cbe2f23 Mon Sep 17 00:00:00 2001
From: duanliang <duanliang>
Date: Wed, 18 Dec 2024 17:06:26 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=AE=89=E5=85=A8=E6=A3=80=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/monitor/components/box-1.vue | 94 --------------------------
 src/views/traffic/index.vue            |  8 +++
 2 files changed, 8 insertions(+), 94 deletions(-)
 delete mode 100644 src/views/monitor/components/box-1.vue
 create mode 100644 src/views/traffic/index.vue

diff --git a/src/views/monitor/components/box-1.vue b/src/views/monitor/components/box-1.vue
deleted file mode 100644
index 475c267..0000000
--- a/src/views/monitor/components/box-1.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-  <div class="box-1">
-    <div class="title">核心景区视频</div>
-    <ul class="list">
-      <li
-        class="item"
-        :style="{ backgroundImage: `url(${index == 0 ? item1 : item2})` }"
-        v-for="(item, index) in 10"
-        :key="index"
-      >
-        <p class="item-title">三峡之巅-最新异常名称</p>
-        <img class="item-img" src="@/assets/images/cover.png" alt="" />
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script setup>
-  import item1 from '@/assets/images/item-1.png'
-  import item2 from '@/assets/images/item-2.png'
-
-  console.log(item1, 'item1')
-</script>
-
-<style lang="scss" scoped>
-  .box-1 {
-    margin: vh(10);
-    width: vw(326);
-    border-radius: vw(2);
-    background-image: url('@/assets/images/bg-1.png');
-    background-size: 100% 100%;
-
-    .title {
-      width: vw(260);
-      height: vh(26);
-      text-align: center;
-      line-height: vh(26);
-      margin-left: vw(32.5);
-      font-size: vw(16);
-      font-weight: 800;
-      color: #fff;
-      background-image: url('@/assets/images/title-1.png');
-      background-size: 100% 100%;
-    }
-
-    .list {
-      overflow-y: auto;
-      overflow-x: hidden;
-      height: vh(1026);
-      padding: vw(8);
-      /* 滚动条整体样式 */
-      &::-webkit-scrollbar {
-        width: vw(0); /* 滚动条的宽度 */
-      }
-
-      /* 滚动条轨道 */
-      &::-webkit-scrollbar-track {
-        background: #f1f1f1; /* 轨道的背景色 */
-      }
-
-      /* 滚动条滑块 */
-      &::-webkit-scrollbar-thumb {
-        background: #888; /* 滑块的背景色 */
-        border-radius: 5px; /* 滑块的圆角 */
-      }
-
-      /* 当鼠标悬停在滚动条上时滑块的样式 */
-      &::-webkit-scrollbar-thumb:hover {
-        background: #555; /* 滑块的背景色 */
-      }
-    }
-
-    .item {
-      margin-bottom: vh(13);
-      background-size: 100% 100%;
-      &-title {
-        margin-bottom: vh(6);
-        margin-left: vw(45);
-        color: #fff;
-        font-size: vw(16);
-        height: vh(24);
-        line-height: vh(24);
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-      &-img {
-        width: 100%;
-        height: vh(164);
-        display: block;
-      }
-    }
-  }
-</style>
diff --git a/src/views/traffic/index.vue b/src/views/traffic/index.vue
new file mode 100644
index 0000000..02409e3
--- /dev/null
+++ b/src/views/traffic/index.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file