Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
1829a09c 1 parent 9bbdafa8

refactor: 移除AppLayout组件中的title属性并优化用户信息显示 

移除多个页面中AppLayout组件的title属性，简化代码结构。同时优化HomePage.vue中的用户信息显示，增加默认头像和用户名处理，提升用户体验
Inline Side-by-side
Showing 4 changed files with 6 additions and 7 deletions
1 <!-- 1 <!--
2 * @Date: 2025-03-20 19:55:21 2 * @Date: 2025-03-20 19:55:21
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-03-24 18:00:18 4 + * @LastEditTime: 2025-03-24 18:10:32
5 * @FilePath: /mlaj/src/views/HomePage.vue 5 * @FilePath: /mlaj/src/views/HomePage.vue
6 * @Description: 亲子学院首页组件 6 * @Description: 亲子学院首页组件
7 * 7 *
...@@ -38,13 +38,12 @@ ...@@ -38,13 +38,12 @@
38 <div class="flex items-center"> 38 <div class="flex items-center">
39 <div class="w-10 h-10 rounded-full overflow-hidden mr-3"> 39 <div class="w-10 h-10 rounded-full overflow-hidden mr-3">
40 <img 40 <img
41 - :src="currentUser.avatar" 41 + :src="currentUser?.avatar || 'https://cdn.ipadbiz.cn/mlaj/images/user-avatar-2.jpg'"
42 - :alt="currentUser.name"
43 class="w-full h-full object-cover" 42 class="w-full h-full object-cover"
44 @error="handleImageError" /> 43 @error="handleImageError" />
45 </div> 44 </div>
46 <div> 45 <div>
47 - <h2 class="text-xl font-bold">欢迎回来，{{ currentUser.name }}！</h2> 46 + <h2 class="text-xl font-bold">欢迎回来，{{ currentUser.name || '登录用户' }}！</h2>
48 <p class="text-sm text-gray-500">{{ formatToday() }}</p> 47 <p class="text-sm text-gray-500">{{ formatToday() }}</p>
49 </div> 48 </div>
50 </div> 49 </div>
......
1 <template> 1 <template>
2 - <AppLayout title="课程详情" :rightContent="rightContent"> 2 + <AppLayout :rightContent="rightContent">
3 <div class="pb-24"> 3 <div class="pb-24">
4 <!-- Course Header --> 4 <!-- Course Header -->
5 <div class="bg-gradient-to-b from-red-500 to-red-600 p-4 mb-4 rounded-b-3xl shadow-lg"> 5 <div class="bg-gradient-to-b from-red-500 to-red-600 p-4 mb-4 rounded-b-3xl shadow-lg">
......
1 <template> 1 <template>
2 - <AppLayout title="课程" :rightContent="rightContent"> 2 + <AppLayout :rightContent="rightContent">
3 <div class="pb-16"> 3 <div class="pb-16">
4 <!-- Search Bar --> 4 <!-- Search Bar -->
5 <div class="pb-2"> 5 <div class="pb-2">
......
1 <template> 1 <template>
2 - <AppLayout title="我的" :right-content="rightContent"> 2 + <AppLayout :right-content="rightContent">
3 <div 3 <div
4 class="bg-gradient-to-br from-green-50 via-green-100/30 to-blue-50/30 min-h-screen" 4 class="bg-gradient-to-br from-green-50 via-green-100/30 to-blue-50/30 min-h-screen"
5 > 5 >
......