-
+
+
+
@@ -309,6 +324,8 @@ const navigateTo = (area: string) => {
currentArea.value = area;
};
+
+
// 选择头像
const selectAvatar = (avatar: string) => {
selectedAvatar.value = avatar;
@@ -668,7 +685,7 @@ onUnmounted(() => {
align-items: center !important;
margin-top: 15px !important;
padding: 10px 0 !important;
- flex-wrap: nowrap !important;
+ flex-wrap: wrap !important;
flex-direction: row !important;
}
@@ -677,7 +694,7 @@ header.app-header .nav-container nav.main-nav {
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
- gap: 20px !important;
+ gap: 15px !important;
flex-wrap: wrap !important;
width: 100% !important;
max-width: 1200px !important;
@@ -1940,26 +1957,27 @@ header.app-header .nav-container nav.main-nav .nav-control-item {
}
.main-nav {
- gap: 10px;
+ gap: 8px;
padding: 5px 0;
+ flex-wrap: wrap;
}
.nav-item {
- min-width: 60px;
- padding: 6px 8px;
+ min-width: 55px;
+ padding: 6px 6px;
}
.nav-icon {
- width: 45px;
- height: 45px;
+ width: 40px;
+ height: 40px;
}
.icon-emoji {
- font-size: 24px;
+ font-size: 20px;
}
.nav-label {
- font-size: 11px;
+ font-size: 10px;
}
/* 响应式登录界面 */
diff --git a/src/components/ExternalLearningArea.vue b/src/components/ExternalLearningArea.vue
index b2e0fad..3af4494 100644
--- a/src/components/ExternalLearningArea.vue
+++ b/src/components/ExternalLearningArea.vue
@@ -139,16 +139,7 @@ const categories = [
// 学习资源数据
const resources = ref([
// 英语学习
- {
- id: 'en1',
- category: 'english',
- title: '六一儿童网-英文儿歌',
- description: '海量英文儿歌动画,边听边学,适合3-12岁孩子启蒙',
- url: 'http://www.61ertong.com/zt/etywgq/',
- icon: '🎵',
- ageRange: '3-12岁',
- tag: '儿歌'
- },
+
{
id: 'en2',
category: 'english',
@@ -225,16 +216,7 @@ const resources = ref([
ageRange: '3-8岁',
tag: '网站'
},
- {
- id: 'math2',
- category: 'math',
- title: '免费数独游戏在线',
- description: '经典数独游戏,提供多种难度,可免费在线玩',
- url: 'https://sj.qq.com/topic/200076907',
- icon: '🧩',
- ageRange: '6-12岁',
- tag: '游戏'
- },
+
{
id: 'math3',
category: 'math',
@@ -247,16 +229,7 @@ const resources = ref([
},
// 艺术创作
- {
- id: 'art1',
- category: 'art',
- title: '六一儿童网',
- description: '适合1-6岁宝宝的儿童网站,有儿歌、故事、绘画等内容',
- url: 'http://www.61ertong.com/',
- icon: '🎨',
- ageRange: '3-8岁',
- tag: '官网'
- },
+
{
id: 'art2',
category: 'art',
@@ -279,16 +252,7 @@ const resources = ref([
ageRange: '6-15岁',
tag: '青少年'
},
- {
- id: 'his2',
- category: 'history',
- title: '国家图书馆少儿数字图书馆',
- description: '海量电子书,双语绘本、科普书、动漫图书,还有有声读物',
- url: 'https://kids.nlc.cn/',
- icon: '📖',
- ageRange: '6-12岁',
- tag: '官网'
- },
+
{
id: 'his3',
category: 'history',
diff --git a/src/components/HabitArea.vue b/src/components/HabitArea.vue
index 6bedafd..7767520 100644
--- a/src/components/HabitArea.vue
+++ b/src/components/HabitArea.vue
@@ -209,7 +209,7 @@ const checkHabit = (habit: keyof typeof habitData.value) => {
}
starEnergyStore.checkHabit(habit);
- alert(`打卡成功!获得 1 颗星星能量!💫`);
+ alert(`打卡成功!获得 10 颗星星能量!💫`);
};
// 应用坏习惯扣分
diff --git a/src/components/KnowledgeArea.vue b/src/components/KnowledgeArea.vue
index 68aac19..4a2b22b 100644
--- a/src/components/KnowledgeArea.vue
+++ b/src/components/KnowledgeArea.vue
@@ -23,58 +23,64 @@