提交

.gitignore

@@ -1,2 +1,3 @@
 /node_modules/
 /.idea/
+*/.DS_Store

src/pages/base/home/index.vue

@@ -8,7 +8,9 @@
     <view class="content-container">
       <!-- 用户信息卡片 -->
       <view class="user-info-card">
-        <view class="user-avatar-placeholder"></view>
+        <view class="user-avatar-placeholder">
+          <image :src="currentStudent.avatar" class="w-full h-full"></image>
+        </view>
         <view
           class="user-details"
           @click="navigateTo('/pages/base/parentRegister/index')"
@@ -26,7 +28,9 @@
 
       <!-- 学校横幅 -->
       <view class="school-banner">
-        <view class="banner-placeholder"></view>
+        <view class="banner-placeholder">
+          <image src="/static/base/home/2211.png" class="w-full h-full"></image>
+        </view>
       </view>
 
       <!-- 功能菜单 -->
@@ -37,7 +41,9 @@
           class="grid-item"
           @click="handleMenuClick(item)"
         >
-          <view class="grid-icon-placeholder"></view>
+          <view class="grid-icon-placeholder">
+            <image :src="item.icon" class="w-full h-full"></image>
+          </view>
           <text class="grid-text">{{ item.title }}</text>
         </view>
       </view>
@@ -114,32 +120,32 @@ import { ref } from "vue";
 const menuItems = ref([
   {
     title: "班级课表",
-    icon: "",
+    icon: "/static/base/home/book-read-line.png",
     path: "/pages/base/class-schedule/index",
   },
   {
     title: "在线请假",
-    icon: "",
+    icon: "/static/base/home/draft-line.png",
     path: "/pages/base/leave-request/index",
   },
   {
     title: "进出校园",
-    icon: "",
+    icon: "/static/base/home/file-transfer-line.png",
     path: "/pages/base/campus-access/index",
   },
   {
     title: "兴趣课",
-    icon: "",
+    icon: "/static/base/home/file-text-line.png",
     path: "/pages/base/interest-class/index",
   },
   {
     title: "俱乐部",
-    icon: "",
+    icon: "/static/base/home/contacts-book-3-line.png",
     path: "/pages/base/club/index",
   },
   {
     title: "成绩查询",
-    icon: "",
+    icon: "/static/base/home/file-search-line.png",
     path: "/pages/base/grades/index",
   },
 ]);
@@ -173,7 +179,7 @@ const studentList = ref([
     name: "陶亦菲",
     grade: "2年级",
     class: "01班",
-    avatar: "",
+    avatar: "/static/base/home/11222.png",
   },
   {
     id: "2",
@@ -276,7 +282,6 @@ function switchStudent(student: any) {
     width: 60px;
     height: 60px;
     border-radius: 50%;
-    background-color: #f0f0f0;
     border: 1px dashed #d0d0d0;
     flex-shrink: 0;
   }
@@ -324,7 +329,6 @@ function switchStudent(student: any) {
   .banner-placeholder {
     width: 100%;
     height: 150px;
-    background-color: #f0f0f0;
     border: 1px dashed #d0d0d0;
     display: flex;
     align-items: center;
@@ -351,7 +355,6 @@ function switchStudent(student: any) {
     .grid-icon-placeholder {
       width: 40px;
       height: 40px;
-      background-color: #f0f0f0;
       border-radius: 6px;
       margin-bottom: 8px;
     }

src/pages/base/interest-class/index.vue

@@ -5,11 +5,9 @@
     <view class="content-container">
       <!-- 顶部蓝色背景横幅 -->
       <view class="banner-section">
+
         <view class="banner-placeholder">
-          <view class="banner-content">
+          <image src="/static/base/home/43221.png" mode="widthFix" class="w-full h-full"></image>
-            <text class="banner-title">兴趣课程</text>
-            <text class="banner-school">泸州市实验小学城西学校</text>
-          </view>
         </view>
       </view>
 
@@ -45,17 +43,23 @@
         <view class="plan-content">
           <view class="plan-item">
             <text class="plan-phase">第一阶段：</text>
-            <text class="plan-desc">了解机器人的组成，知道每个零件的名称及用途，认识机器人的结构。</text>
+            <text class="plan-desc"
+              >了解机器人的组成，知道每个零件的名称及用途，认识机器人的结构。</text
+            >
           </view>
 
           <view class="plan-item">
             <text class="plan-phase">第二阶段：</text>
-            <text class="plan-desc">在老师的引导下，分组搭建机器人，注意引导幼儿理解机器人的数据线连接和遥控器方向的关系。</text>
+            <text class="plan-desc"
+              >在老师的引导下，分组搭建机器人，注意引导幼儿理解机器人的数据线连接和遥控器方向的关系。</text
+            >
           </view>
 
           <view class="plan-item">
             <text class="plan-phase">第三阶段：</text>
-            <text class="plan-desc">学会操控机器人的移动方向，并练习把魔方根据要求推到指定位置。</text>
+            <text class="plan-desc"
+              >学会操控机器人的移动方向，并练习把魔方根据要求推到指定位置。</text
+            >
           </view>
 
           <view class="plan-item">
@@ -83,7 +87,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref } from "vue";
 </script>
 
 <style lang="scss" scoped>
@@ -102,7 +106,7 @@ import { ref } from 'vue'
 
   .banner-placeholder {
     height: 120px;
-    background-color: #3986FF;
+    background-color: #3986ff;
     border-radius: 10px;
     display: flex;
     justify-content: center;
@@ -269,7 +273,8 @@ import { ref } from 'vue'
         margin-right: 0;
       }
 
-      &:nth-child(3), &:nth-child(4) {
+      &:nth-child(3),
+      &:nth-child(4) {
         margin-bottom: 0;
       }
     }