attiya/ebike-plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 个人信息

Browse Source
This commit is contained in:
wang_fan_w 2024-06-19 00:16:00 +08:00
parent edc52a3cdf
commit 8ccd0b1746
2 changed files with 52 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/about-project/about-project.vue
View File

@ -32,8 +32,8 @@ const projectInfo = [
value: "2024-06-18" value: "2024-06-18"
}, },
{ {
label: "Gitt", label: "Gitee",
value: "Gitt" value: "Gitee"
}, },
{ {
label: "Github", label: "Github",

53
src/views/personal-center/userinfo/userinfo.vue
View File

@ -1,7 +1,54 @@
<template> <template>
<div class="dc-page">用户信息</div> <div class="dc-page">
<div class="my_avatar">
<a-avatar :size="100">
<img alt="avatar" :src="myImage" />
</a-avatar>
<div class="my_name">
<div class="my_title title_1">兔子先森</div>
<div class="my_local"><icon-location />浙江杭州</div>
</div>
</div>
<a-grid :cols="{ xs: 1, sm: 2, md: 3, lg: 4, xl: 5, xxl: 6 }" :col-gap="16" :row-gap="16">
<a-grid-item>
<div class="title_1">👋关于我</div>
</a-grid-item>
<a-grid-item>
<div class="title_1">💬联系我</div>
</a-grid-item>
<a-grid-item>
<div class="title_1">🐾其它</div>
</a-grid-item>
</a-grid>
</div>
</template> </template>
<script setup lang="ts"></script> <script setup lang="ts">
import myImage from "@/assets/img/my-image.jpg";
</script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.my_avatar {
display: flex;
align-items: center;
margin-bottom: calc($margin * 2);
.my_name {
height: 60px;
margin-left: $margin;
.my_title {
height: 30px;
}
.my_local {
font-size: $font-size-body-3;
height: 30px;
display: flex;
align-items: end;
}
}
}
.title_1 {
font-size: $font-size-title-1;
font-weight: bold;
}
</style>