邓洁 : 隧道管理界面

2023-12-15 18:00:40 +08:00
parent 37b16633cf
commit 1168c9eb13
10 changed files with 777 additions and 118 deletions
--- a/src/views/device-manage/index.vue
+++ b/src/views/device-manage/index.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="tunnel-bgc">
+    <div class="box-top">
+      <div class="back-tunnel" @click="router.push('/')">
+        <div class="back-icon"></div>
+        <span>返回</span>
+      </div>
+      <div class="tunnel-title"></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const router = useRouter()
+</script>
+
+<style scoped lang="scss">
+.tunnel-bgc {
+  padding: 85px 0 0 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('@/assets/images/tunnel/sd_bj.png');
+
+  .box-top {
+    display: flex;
+    justify-content: space-between;
+
+    .back-tunnel {
+      cursor: pointer;
+      margin: 0 0 0 70px;
+      display: flex;
+      align-items: center;
+      width: 178px;
+      height: 70px;
+      line-height: 70px;
+      border-radius: 11px;
+      border: 2px solid #08B7B8;
+      font-size: 38px;
+      color: #FFFFFF;
+
+      .back-icon {
+        margin-right: 20px;
+        margin-left: 23px;
+        width: 33px;
+        height: 33px;
+        background-image: url('@/assets/images/site/zdgl_icon_fh.png');
+      }
+    }
+  }
+}
+</style>