hookehuyr

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

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