rogee/quyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: udpate ui

Browse Source
This commit is contained in:
Rogee
2025-05-14 20:54:04 +08:00
parent 6876d8bcd7
commit fcca3fef7c
4 changed files with 36 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/wechat/src/views/UserProfile.vue
View File

@@ -41,9 +41,7 @@ const menuGroups = [
<div class="max-w-2xl mx-auto">
<div class="flex items-center gap-4 p-6">
<div class="w-20 h-20 rounded-full border-2 border-white shadow-lg overflow-hidden bg-gray-100">
<img :src="userInfo.avatar"
:alt="userInfo.username"
class="w-full h-full object-cover" />
<img :src="userInfo.avatar" :alt="userInfo.username" class="w-full h-full object-cover" />
</div>
<div class="space-y-1">
@@ -62,20 +60,16 @@ const menuGroups = [
</div>
<!-- 菜单列表 -->
<div class="max-w-2xl mx-auto px-4 py-6 space-y-4">
<div v-for="(group, groupIndex) in menuGroups"
:key="groupIndex"
<div class="max-w-2xl mx-auto px-4 py-6 space-y-4 hidden">
<div v-for="(group, groupIndex) in menuGroups" :key="groupIndex"
class="bg-white rounded-xl overflow-hidden shadow-sm">
<div class="px-4 py-2 text-sm font-medium text-gray-500 bg-gray-50">
{{ group.title }}
</div>
<div class="divide-y divide-gray-100">
<div v-for="(item, itemIndex) in group.items"
:key="itemIndex"
class="flex items-center px-4 py-3.5 hover:bg-gray-50 active:bg-gray-100
<div v-for="(item, itemIndex) in group.items" :key="itemIndex" class="flex items-center px-4 py-3.5 hover:bg-gray-50 active:bg-gray-100
cursor-pointer transition-colors duration-150">
<component :is="item.icon"
class="mr-3 text-xl text-gray-500" />
<component :is="item.icon" class="mr-3 text-xl text-gray-500" />
<span class="flex-1 text-gray-700">{{ item.label }}</span>
<span class="text-gray-400">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">