feat: 添加个人资料页面,更新服务和产品页面,优化图标和样式
This commit is contained in:
30
src/views/profile/index.vue
Normal file
30
src/views/profile/index.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<script lang='ts' setup>
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ion-page>
|
||||
<ion-content>
|
||||
<img src="@/assets/images/profile-banner.jpg" class="h-50 w-full object-cover" alt="我的横幅">
|
||||
|
||||
<div class="absolute top-10 left-5 flex-center gap-3">
|
||||
<ion-avatar class="size-18">
|
||||
<img alt="Silhouette of a person's head" src="@/assets/images/avatar.jpg">
|
||||
</ion-avatar>
|
||||
<div>
|
||||
<div class="text-primary text-xl font-bold">
|
||||
周少华
|
||||
</div>
|
||||
<div class="text-primary text-sm font-semibold">
|
||||
手机号:138****1234
|
||||
</div>
|
||||
<div class="text-primary text-sm font-semibold">
|
||||
邀请码:ABCD1234
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-page>
|
||||
</template>
|
||||
|
||||
<style lang='css' scoped></style>
|
||||
Reference in New Issue
Block a user