feat:根据吴老师进行样式修改
This commit is contained in:
parent
1721ab50fc
commit
ed8e688422
@ -86,7 +86,6 @@ import StudentList from '@/views/teacher/ExamPages/StudentList.vue'
|
|||||||
import GradingPage from '@/views/teacher/ExamPages/GradingPage.vue'
|
import GradingPage from '@/views/teacher/ExamPages/GradingPage.vue'
|
||||||
import ExamTaking from '@/views/teacher/ExamPages/ExamTaking.vue'
|
import ExamTaking from '@/views/teacher/ExamPages/ExamTaking.vue'
|
||||||
import ExamNoticeBeforeStart from '@/views/teacher/ExamPages/ExamNoticeBeforeStart.vue'
|
import ExamNoticeBeforeStart from '@/views/teacher/ExamPages/ExamNoticeBeforeStart.vue'
|
||||||
import ExamAnalysis from '@/views/teacher/ExamPages/ExamAnalysis.vue'
|
|
||||||
|
|
||||||
import ChapterEditor from '@/views/teacher/course/ChapterEditor.vue'
|
import ChapterEditor from '@/views/teacher/course/ChapterEditor.vue'
|
||||||
import TeacherCourseDetail from '@/views/teacher/course/CourseDetail.vue'
|
import TeacherCourseDetail from '@/views/teacher/course/CourseDetail.vue'
|
||||||
@ -415,14 +414,7 @@ const routes: RouteRecordRaw[] = [
|
|||||||
name: 'ExamManagement',
|
name: 'ExamManagement',
|
||||||
component: ExamManagement,
|
component: ExamManagement,
|
||||||
meta: { title: '考试管理' },
|
meta: { title: '考试管理' },
|
||||||
redirect: (to) => {
|
redirect: '/teacher/exam-management/question-bank',
|
||||||
// 如果访问的是根路径,重定向到题库管理
|
|
||||||
if (to.path === '/teacher/exam-management') {
|
|
||||||
return '/teacher/exam-management/question-bank'
|
|
||||||
}
|
|
||||||
// 否则不重定向,让子路由处理
|
|
||||||
return '/teacher/exam-management/question-bank'
|
|
||||||
},
|
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: 'question-bank',
|
path: 'question-bank',
|
||||||
@ -475,12 +467,6 @@ const routes: RouteRecordRaw[] = [
|
|||||||
component: AddExam,
|
component: AddExam,
|
||||||
meta: { title: '添加试卷' }
|
meta: { title: '添加试卷' }
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'edit/:id',
|
|
||||||
name: 'EditExam',
|
|
||||||
component: AddExam,
|
|
||||||
meta: { title: '编辑试卷' }
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: 'preview',
|
path: 'preview',
|
||||||
name: 'ExamPreview',
|
name: 'ExamPreview',
|
||||||
@ -492,12 +478,6 @@ const routes: RouteRecordRaw[] = [
|
|||||||
name: 'AddQuestionPage',
|
name: 'AddQuestionPage',
|
||||||
component: AddQuestion,
|
component: AddQuestion,
|
||||||
meta: { title: '添加试题' }
|
meta: { title: '添加试题' }
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'analysis',
|
|
||||||
name: 'ExamAnalysis',
|
|
||||||
component: ExamAnalysis,
|
|
||||||
meta: { title: '试卷分析' }
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
@ -72,13 +72,13 @@
|
|||||||
/>
|
/>
|
||||||
</n-form-item>
|
</n-form-item>
|
||||||
|
|
||||||
<n-form-item path="password" label="密码">
|
<n-form-item path="password" label="密码" class="password-form-item">
|
||||||
<n-input
|
<n-input
|
||||||
v-model:value="formData.password"
|
v-model:value="formData.password"
|
||||||
placeholder="请输入密码"
|
placeholder="请输入密码"
|
||||||
type="password"
|
type="password"
|
||||||
show-password-on="click"
|
show-password-on="click"
|
||||||
class="form-input"
|
class="form-input password-input"
|
||||||
/>
|
/>
|
||||||
</n-form-item>
|
</n-form-item>
|
||||||
|
|
||||||
@ -614,6 +614,11 @@ const goToServiceAgreement = () => {
|
|||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 密码输入框特殊样式 */
|
||||||
|
:deep(.n-form-item[path="password"] .form-input) {
|
||||||
|
margin-bottom: 4px !important; /* 减少密码输入框的下边距 */
|
||||||
|
}
|
||||||
|
|
||||||
/* 调整输入框内文字和占位符位置 */
|
/* 调整输入框内文字和占位符位置 */
|
||||||
:deep(.n-input .n-input__input-el) {
|
:deep(.n-input .n-input__input-el) {
|
||||||
line-height: 45px !important; /* 使用输入框的高度作为行高 */
|
line-height: 45px !important; /* 使用输入框的高度作为行高 */
|
||||||
@ -662,14 +667,25 @@ const goToServiceAgreement = () => {
|
|||||||
margin-top: 4px !important;
|
margin-top: 4px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 密码表单项特殊间距 */
|
/* 密码表单项特殊间距 - 使用class选择器 */
|
||||||
:deep(.n-form-item:nth-child(2)) {
|
.password-form-item {
|
||||||
margin-top: -6px; /* 减少密码项与上方的距离 */
|
margin-top: -20px !important;
|
||||||
|
margin-bottom: 8px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 邀请码表单项间距(注册模式下的第二个表单项) */
|
/* 密码输入框特殊样式 */
|
||||||
:deep(.n-form-item:nth-child(2)[path="inviteCode"]) {
|
.password-input {
|
||||||
margin-top: -6px; /* 减少邀请码与学号的距离 */
|
margin-bottom: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 使用深度选择器确保样式生效 */
|
||||||
|
:deep(.password-form-item) {
|
||||||
|
margin-top: -20px !important;
|
||||||
|
margin-bottom: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:deep(.password-form-item .n-form-item-label) {
|
||||||
|
margin-bottom: 4px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 进一步减少所有表单项的内部间距 */
|
/* 进一步减少所有表单项的内部间距 */
|
||||||
@ -743,7 +759,7 @@ const goToServiceAgreement = () => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: -24px; /* 进一步向上移动 */
|
margin-top: -16px; /* 减少向上移动,让它往下一些 */
|
||||||
margin-bottom: 20px; /* 与下方登录按钮的间距 */
|
margin-bottom: 20px; /* 与下方登录按钮的间距 */
|
||||||
width: 400px; /* 增加宽度,让两个元素有合适间距 */
|
width: 400px; /* 增加宽度,让两个元素有合适间距 */
|
||||||
height: 28px; /* 固定高度 */
|
height: 28px; /* 固定高度 */
|
||||||
@ -848,7 +864,7 @@ const goToServiceAgreement = () => {
|
|||||||
|
|
||||||
/* 协议链接按钮样式 */
|
/* 协议链接按钮样式 */
|
||||||
.agreement-text :deep(.n-button) {
|
.agreement-text :deep(.n-button) {
|
||||||
font-size: 16px !important; /* 确保按钮字体也是16px */
|
font-size: 14px !important; /* 比左边文字小一号,从16px调整为14px */
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user