feat:about account

2025-11-13 12:43:43 +08:00 · 2024-11-23 15:40:05 +08:00
parent 9bf886fe98
commit d13fa1392f
21 changed files with 1580 additions and 1258 deletions
--- a/web/src/components/AccountBg.vue
+++ b/web/src/components/AccountBg.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="right flex-center">
+    <div class="logo">
+      <img src="@/assets/img/logo.png" alt="" />
+    </div>
+    <div>welcome</div>
+    <footer-bar />
+  </div>
+</template>
+
+<script setup>
+import FooterBar from "@/components/FooterBar.vue";
+</script>
+
+<style lang="stylus" scoped>
+.right{
+  font-size: 40px
+  font-weight: bold
+  color:#fff
+  flex-direction: column
+  background-image url("~@/assets/img/login-bg.png")
+  background-size cover
+  background-position center
+  width: 50%;
+  min-height: 100vh
+  max-height: 100vh
+  background-repeat: no-repeat;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  ::v-deep(.foot-container){
+    position: absolute;
+    bottom: 20px;
+    width: 100%;
+    background: none;
+    color: var(--sm-txt);
+    font-size: 12px;
+    text-align: center;
+
+    .footer{
+      a,
+      span{
+        color: var(--text-fff)
+      }
+    }
+  }
+}
+.logo{
+  margin-bottom: 26px;
+  width: 200px
+  height: 200px
+  background: #fff
+  border-radius: 50%
+  img{
+    width: 100%;
+    object-fit: cover;
+    height: 100%;
+  }
+  }
+</style>