初始化代码

2025-09-03 18:05:48 +08:00
parent e5712b2e97
commit 4414fe517b
70 changed files with 2404 additions and 9 deletions
--- a/src/views/layout/pc/footer/index.vue
+++ b/src/views/layout/pc/footer/index.vue
@ -0,0 +1,75 @@
+<script setup>
+import {ref, onMounted} from 'vue'
+import Logo from './components/logo.vue'
+import Nav from './components/nav.vue'
+import QRCode from './components/QRCode.vue'
+onMounted(() => {})
+
+const toMIIF = () => {
+  window.open('https://beian.miit.gov.cn')
+}
+</script>
+
+<template>
+  <div class="page flex a-c">
+    <!-- logo -->
+    <Logo id="logo" />
+
+    <!-- 内容 -->
+    <Nav id="nav" />
+
+    <!-- 二维码 -->
+    <QRCode id="QR" />
+
+    <div id="MIIT-Filing">
+      <span class="company">
+        Copyright © 2023.Rangu Technology Co.,Ltd. All rights reserved.
+        燃谷科技（南京）有限公司
+      </span>
+      <span class="url" @click="toMIIF">苏ICP备2023030548号</span>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.page {
+  background-color: $bg_color;
+  position: relative;
+  #logo {
+    width: 220px;
+    height: 300px;
+    position: absolute;
+    top: 58px;
+    left: 190px;
+  }
+  #nav {
+    width: calc(100% - 410px - 380px);
+    position: absolute;
+    left: 410px;
+    top: 87px;
+    padding: 0 90px 0 55px;
+    box-sizing: border-box;
+  }
+  #QR {
+    width: 150px;
+    height: 150px;
+    position: absolute;
+    top: 87px;
+    right: 180px;
+  }
+  #MIIT-Filing {
+    position: absolute;
+    bottom: 20px;
+    width: 100%;
+    text-align: center;
+    .company {
+      color: $white;
+    }
+    .url {
+      margin-left: 50px;
+      color: #0056b3;
+      cursor: pointer;
+    }
+  }
+}
+</style>