提交

2023-07-10 19:02:29 +08:00
parent ea2dff01f3
commit ba761c23b9
10 changed files with 416 additions and 247 deletions
--- a/src/views/user.vue
+++ b/src/views/user.vue
@@ -0,0 +1,93 @@
+<template>
+    <header-nav></header-nav>
+
+    <div class="user-box">
+
+        <div class="info-box flexacenter">
+            <div class="info-left flexacenter">
+                <img class="info-user-icon"
+                    src="https://oss.gter.net/avatar/97KwEWIDY-QTHTXcpEbnWQxaRv6Xz0ll1wRhYWNh/middle?random=1687145465">
+                <div class="info-user-box">
+                    <div class="info-user-top flexacenter">
+                        <div class="info-user-username">Ada.W</div>
+                    </div>
+                    <div class="info-user-bottom">UID：56789</div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import headerNav from '@/components/public/head.vue'
+
+export default {
+    name: 'GterFangUser',
+
+    data() {
+        return {
+
+        };
+    },
+
+    mounted() {
+
+    },
+    components: {
+        headerNav,
+    },
+    methods: {
+
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.user-box {
+    width: 1200px;
+    height: 238px;
+    margin: 30px auto 0;
+    font-size: 14px;
+    background: linear-gradient(0deg, rgba(214, 236, 255, 1) -4%, rgba(232, 244, 255, 1) 34%, rgba(176, 216, 255, 1) 131%);
+    border-radius: 16px;
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+
+    .info-box {
+        height: 135px;
+        border-bottom: 2px solid #ddeeff;
+
+
+        .info-left {
+            padding-left: 40px;
+
+            .info-user-icon {
+                width: 80px;
+                height: 80px;
+                border-radius: 50%;
+            }
+
+            .info-user-box {
+                margin-left: 20px;
+
+                .info-user-top {
+                    height: 26px;
+
+                    .info-user-username {
+                        font-size: 16px;
+                        color: #333;
+                    }
+
+                }
+
+                .info-user-bottom {
+                    height: 24px;
+                    color: #7F7F7F;
+                }
+            }
+        }
+    }
+}
+</style>