hookehuyr

refactor: 更新应用名称和图片路径,优化布局

更新应用名称为“美乐爱觉教育”,统一替换所有相关页面中的名称。将本地图片路径替换为CDN链接,优化课程详情页的布局结构,提升用户体验。
<!--
* @Date: 2025-03-20 19:55:21
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-03-26 13:44:53
* @FilePath: /mlaj/src/views/homepage.vue
* @LastEditTime: 2025-04-07 18:24:11
* @FilePath: /mlaj/src/views/HomePage.vue
* @Description: 亲子学院首页组件
*
* 主要功能模块:
......@@ -29,7 +29,7 @@
-->
<template>
<AppLayout title="亲子学院" :rightContent="rightContent">
<AppLayout title="美乐爱觉教育" :rightContent="rightContent">
<div class="pb-16 bg-gradient-to-b from-white via-green-50/10 to-blue-50/10">
<!-- Header Section with Welcome & Weather -->
<div v-if="currentUser" class="px-4 pt-3 pb-4">
......
......@@ -2,24 +2,26 @@
<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">
<div class="bg-white/10 backdrop-blur-sm rounded-lg p-3 mb-3 inline-block">
<div class="text-white font-semibold">{{ course?.subtitle?.split(' ')[0] }}</div>
</div>
<h1 class="text-2xl text-white font-bold mb-1">{{ course?.title }}</h1>
<h2 class="text-lg text-white/90">{{ course?.subtitle }}</h2>
<div class="mt-4 flex justify-between items-center">
<div class="text-orange-300 font-bold text-2xl">¥{{ course?.price }}</div>
<div class="bg-orange-500/30 text-orange-100 text-xs px-3 py-1 rounded-full">
限时优惠
<div class="px-4">
<div class="bg-gradient-to-b from-red-500 to-red-600 p-4 mb-4 rounded-b-3xl shadow-lg">
<div class="bg-white/10 backdrop-blur-sm rounded-lg p-3 mb-3 inline-block">
<div class="text-white font-semibold">{{ course?.subtitle?.split(' ')[0] }}</div>
</div>
<h1 class="text-2xl text-white font-bold mb-1">{{ course?.title }}</h1>
<h2 class="text-lg text-white/90">{{ course?.subtitle }}</h2>
<div class="mt-4 flex justify-between items-center">
<div class="text-orange-300 font-bold text-2xl">¥{{ course?.price }}</div>
<div class="bg-orange-500/30 text-orange-100 text-xs px-3 py-1 rounded-full">
限时优惠
</div>
</div>
<div class="flex justify-between text-xs text-white/80 mt-3">
<div>已更新{{ course?.updatedLessons }}期</div>
<div>{{ course?.subscribers }}人订阅</div>
</div>
<div v-if="course?.expireDate" class="text-xs text-white/80 mt-1">
有效期: {{ course?.expireDate }}
</div>
</div>
<div class="flex justify-between text-xs text-white/80 mt-3">
<div>已更新{{ course?.updatedLessons }}期</div>
<div>{{ course?.subscribers }}人订阅</div>
</div>
<div v-if="course?.expireDate" class="text-xs text-white/80 mt-1">
有效期: {{ course?.expireDate }}
</div>
</div>
......
......@@ -74,7 +74,7 @@
color="#10B981"
/>
</div>
<span class="ml-3 text-sm text-green-600">{{ record.progress }}%</span>
<!-- <span class="ml-3 text-sm text-green-600">{{ record.progress }}%</span> -->
</div>
</div>
</div>
......@@ -127,7 +127,7 @@ const mockRecords = [
id: 1,
course: {
title: '亲子教育必修课:如何培养孩子的学习兴趣',
coverImage: '/assets/images/course-1.jpg'
coverImage: 'https://cdn.ipadbiz.cn/mlaj/images/jbwr0qZvpD4.jpg'
},
duration: 3600, // 秒
lastStudyTime: '2024-01-15T10:30:00',
......@@ -137,7 +137,7 @@ const mockRecords = [
id: 2,
course: {
title: '儿童心理发展指南:0-6岁关键期教育方法',
coverImage: '/assets/images/course-2.jpg'
coverImage: 'https://cdn.ipadbiz.cn/mlaj/images/27kCu7bXGEI.jpg'
},
duration: 7200,
lastStudyTime: '2024-01-14T15:20:00',
......
......@@ -23,10 +23,10 @@
<span :class="['text-sm', order.statusColor]">{{ order.statusText }}</span>
</div>
<div class="flex items-center mb-3">
<img :src="order.image" class="w-20 h-20 object-cover rounded-lg" :alt="order.title">
<div class="ml-3 flex-1">
<h3 class="text-base font-medium mb-1">{{ order.title }}</h3>
<div class="flex items-start space-x-4 mb-3">
<img :src="order.image" class="w-20 h-20 object-cover rounded-lg flex-shrink-0" :alt="order.title">
<div class="flex-1 min-w-0">
<h3 class="text-base font-medium mb-1 truncate">{{ order.title }}</h3>
<p class="text-sm text-gray-500 mb-1">{{ order.description }}</p>
<p class="text-sm text-gray-500">{{ order.createTime }}</p>
</div>
......@@ -88,7 +88,7 @@ const orders = ref([
statusColor: 'text-orange-500',
title: '亲子阅读课程',
description: '3-6岁儿童亲子阅读指导',
image: '/assets/images/course-1.jpg',
image: 'https://cdn.ipadbiz.cn/mlaj/images/jbwr0qZvpD4.jpg',
amount: 299,
createTime: '2025-03-21 10:30:00'
},
......@@ -100,7 +100,7 @@ const orders = ref([
statusColor: 'text-green-500',
title: '儿童绘画课程',
description: '儿童创意绘画启蒙课程',
image: '/assets/images/course-2.jpg',
image: 'https://cdn.ipadbiz.cn/mlaj/images/27kCu7bXGEI.jpg',
amount: 199,
createTime: '2025-03-21 09:15:00'
}
......
......@@ -183,7 +183,7 @@
</FrostedGlass>
<!-- Version Info -->
<div class="text-center text-xs text-gray-400 mb-4">亲子教育 App v1.2.0</div>
<div class="text-center text-xs text-gray-400 mb-4">美乐爱觉教育</div>
<!-- Logout Button -->
<button
......