hookehuyr

feat(teacher): 改进教师表单页面布局和样式

重构教师表单页面,优化布局和样式,提升用户体验
- 添加作业说明文本区域
- 使用van-stepper组件替代数字输入
- 重新组织表单结构为清晰的部分
- 增强移动端响应式设计
- 更新样式和交互元素
...@@ -62,6 +62,7 @@ declare module 'vue' { ...@@ -62,6 +62,7 @@ declare module 'vue' {
62 VanRate: typeof import('vant/es')['Rate'] 62 VanRate: typeof import('vant/es')['Rate']
63 VanRow: typeof import('vant/es')['Row'] 63 VanRow: typeof import('vant/es')['Row']
64 VanSearch: typeof import('vant/es')['Search'] 64 VanSearch: typeof import('vant/es')['Search']
65 + VanStepper: typeof import('vant/es')['Stepper']
65 VanSticky: typeof import('vant/es')['Sticky'] 66 VanSticky: typeof import('vant/es')['Sticky']
66 VanSwipe: typeof import('vant/es')['Swipe'] 67 VanSwipe: typeof import('vant/es')['Swipe']
67 VanSwipeItem: typeof import('vant/es')['SwipeItem'] 68 VanSwipeItem: typeof import('vant/es')['SwipeItem']
......
1 <!-- 1 <!--
2 * @Date: 2025-05-29 15:34:17 2 * @Date: 2025-05-29 15:34:17
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-06-20 10:56:22 4 + * @LastEditTime: 2025-06-20 13:38:10
5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue 5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 </div> 67 </div>
68 </div> 68 </div>
69 69
70 - <div style="padding: 0 1rem; color: #4caf50;"> 70 + <div class="text-wrapper" style="padding: 0 1rem; color: #4caf50;">
71 <div class="text-header">学生动态</div> 71 <div class="text-header">学生动态</div>
72 <van-list 72 <van-list
73 v-if="checkinDataList.length" 73 v-if="checkinDataList.length"
......
This diff is collapsed. Click to expand it.
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2025-01-20 10:00:00 3 * @Date: 2025-01-20 10:00:00
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2025-06-20 10:17:50 5 + * @LastEditTime: 2025-06-20 11:47:35
6 * @FilePath: /mlaj/src/views/teacher/myClassPage.vue 6 * @FilePath: /mlaj/src/views/teacher/myClassPage.vue
7 * @Description: 我的班级页面 7 * @Description: 我的班级页面
8 --> 8 -->
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 <!-- 筛选器 --> 30 <!-- 筛选器 -->
31 <div> 31 <div>
32 <van-sticky> 32 <van-sticky>
33 - <van-dropdown-menu active-color="#10b981"> 33 + <van-dropdown-menu active-color="#10b981" swipe-threshold="3">
34 <van-dropdown-item v-model="gradeFilter" :options="gradeOptions" @change="handleGradeChange" /> 34 <van-dropdown-item v-model="gradeFilter" :options="gradeOptions" @change="handleGradeChange" />
35 <van-dropdown-item v-model="classFilter" :options="classOptions" @change="handleClassChange" /> 35 <van-dropdown-item v-model="classFilter" :options="classOptions" @change="handleClassChange" />
36 <van-dropdown-item v-model="courseFilter" :options="courseOptions" @change="handleCourseChange" /> 36 <van-dropdown-item v-model="courseFilter" :options="courseOptions" @change="handleCourseChange" />
...@@ -190,7 +190,7 @@ const gradeOptions = ref([ ...@@ -190,7 +190,7 @@ const gradeOptions = ref([
190 190
191 const classOptions = ref([ 191 const classOptions = ref([
192 { text: '全部班级', value: '全部班级' }, 192 { text: '全部班级', value: '全部班级' },
193 - { text: '高一(1)班', value: '高一(1)班' }, 193 + { text: '高一(1)班高一(1)班', value: '高一(1)班高一(1)班' },
194 { text: '高一(2)班', value: '高一(2)班' }, 194 { text: '高一(2)班', value: '高一(2)班' },
195 { text: '高一(3)班', value: '高一(3)班' } 195 { text: '高一(3)班', value: '高一(3)班' }
196 ]) 196 ])
......