style(teacher/formPage): 调整表单页面样式细节
优化作业类型选择器的样式,包括复选框大小和文字大小 调整表单字段的内边距以改善视觉效果
Showing
1 changed file
with
6 additions
and
5 deletions
| ... | @@ -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-10-14 13:48:57 | 5 | + * @LastEditTime: 2025-10-28 10:15:33 |
| 6 | * @FilePath: /mlaj/src/views/teacher/formPage.vue | 6 | * @FilePath: /mlaj/src/views/teacher/formPage.vue |
| 7 | * @Description: 教师作业新增表单页面 | 7 | * @Description: 教师作业新增表单页面 |
| 8 | --> | 8 | --> |
| ... | @@ -44,15 +44,15 @@ | ... | @@ -44,15 +44,15 @@ |
| 44 | 44 | ||
| 45 | <!-- 作品类型选择 - 只在设置作业时显示 --> | 45 | <!-- 作品类型选择 - 只在设置作业时显示 --> |
| 46 | <div v-if="$route.query.type === 'homework'" class="mb-4"> | 46 | <div v-if="$route.query.type === 'homework'" class="mb-4"> |
| 47 | - <label class="setting-label">作业类型</label> | 47 | + <label class="setting-label">作业类型 (可多选)</label> |
| 48 | - <van-checkbox-group v-model="formData.attachment_type" direction="horizontal" checked-color="#4caf50" icon-size="15px"> | 48 | + <van-checkbox-group v-model="formData.attachment_type" direction="horizontal" checked-color="#4caf50" icon-size="1.05rem"> |
| 49 | <van-checkbox | 49 | <van-checkbox |
| 50 | v-for="option in attachmentTypeOptions" | 50 | v-for="option in attachmentTypeOptions" |
| 51 | :key="option.name" | 51 | :key="option.name" |
| 52 | :name="option.name" | 52 | :name="option.name" |
| 53 | shape="square" | 53 | shape="square" |
| 54 | > | 54 | > |
| 55 | - <span class="text-sm">{{ option.text }}</span> | 55 | + <span style="font-size: 1rem;">{{ option.text }}</span> |
| 56 | </van-checkbox> | 56 | </van-checkbox> |
| 57 | </van-checkbox-group> | 57 | </van-checkbox-group> |
| 58 | </div> | 58 | </div> |
| ... | @@ -1041,7 +1041,7 @@ onMounted(async () => { | ... | @@ -1041,7 +1041,7 @@ onMounted(async () => { |
| 1041 | .cycle-field { | 1041 | .cycle-field { |
| 1042 | background: #f5f5f5; | 1042 | background: #f5f5f5; |
| 1043 | border-radius: 8px; | 1043 | border-radius: 8px; |
| 1044 | - padding: 2px 0; | 1044 | + padding: 0.3rem; |
| 1045 | } | 1045 | } |
| 1046 | 1046 | ||
| 1047 | :deep(.cycle-field .van-field__control) { | 1047 | :deep(.cycle-field .van-field__control) { |
| ... | @@ -1066,6 +1066,7 @@ onMounted(async () => { | ... | @@ -1066,6 +1066,7 @@ onMounted(async () => { |
| 1066 | background: #f5f5f5; | 1066 | background: #f5f5f5; |
| 1067 | border-radius: 8px; | 1067 | border-radius: 8px; |
| 1068 | flex: 1; | 1068 | flex: 1; |
| 1069 | + padding: 0.25rem; | ||
| 1069 | } | 1070 | } |
| 1070 | 1071 | ||
| 1071 | /* 时间设置 */ | 1072 | /* 时间设置 */ | ... | ... |
-
Please register or login to post a comment