feat(teacher): 改进教师表单页面布局和样式
重构教师表单页面,优化布局和样式,提升用户体验 - 添加作业说明文本区域 - 使用van-stepper组件替代数字输入 - 重新组织表单结构为清晰的部分 - 增强移动端响应式设计 - 更新样式和交互元素
Showing
4 changed files
with
6 additions
and
5 deletions
| ... | @@ -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 | ]) | ... | ... |
-
Please register or login to post a comment