Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
c728585e 1 parent 94ade06e

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

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