diff --git a/src/views/teacherEnd/exam/index.vue b/src/views/teacherEnd/exam/index.vue index 19d9c26..46306d6 100644 --- a/src/views/teacherEnd/exam/index.vue +++ b/src/views/teacherEnd/exam/index.vue @@ -64,7 +64,7 @@ - + {{ item.label }} @@ -342,6 +342,76 @@ function formatTime(value) { return value ? new Date(value).toLocaleString("zh-C color: var(--exam-accent); } +:deep(.teacher-dialog .el-dialog__body) { + padding: 24px 28px 10px; +} + +:deep(.teacher-dialog .el-form-item) { + margin-bottom: 20px; +} + +:deep(.teacher-dialog .el-radio-button__inner) { + min-width: 92px; + padding: 10px 18px; + color: #cbe6f5; + border-color: rgba(80, 181, 229, 0.42); + background: rgba(4, 29, 46, 0.9); + box-shadow: none; +} + +:deep(.teacher-dialog .el-radio-button:first-child .el-radio-button__inner) { + border-left-color: rgba(80, 181, 229, 0.42); +} + +:deep(.teacher-dialog .el-radio-button__original-radio:checked + .el-radio-button__inner) { + color: #ffffff; + border-color: #38c9ff; + background: linear-gradient(135deg, #078dce, #1557d6); + box-shadow: -1px 0 0 0 #38c9ff; +} + +:deep(.teacher-dialog .el-radio__label), +:deep(.teacher-dialog .el-checkbox__label) { + color: #cbe6f5; +} + +:deep(.teacher-dialog .el-radio__input.is-checked + .el-radio__label), +:deep(.teacher-dialog .el-checkbox__input.is-checked + .el-checkbox__label) { + color: #e9f8ff; +} + +:deep(.teacher-dialog .option-row) { + min-height: 48px; + margin-bottom: 12px; + padding: 6px 10px; + border: 1px solid rgba(61, 171, 220, 0.2); + border-radius: 8px; + background: rgba(3, 24, 39, 0.68); +} + +:deep(.teacher-dialog .option-label) { + color: #e7f7ff; +} + +:deep(.teacher-dialog .option-row .el-button.is-text) { + color: #8edfff; +} + +:deep(.teacher-dialog .option-row .el-button.is-text:hover) { + color: #ffffff; + background: rgba(19, 107, 145, 0.28); +} + +:deep(.teacher-dialog .option-editor > .el-button.is-text) { + margin-top: 2px; + color: #77dcff; +} + +:deep(.teacher-dialog .el-dialog__footer) { + padding: 14px 28px 22px; + border-top: 1px solid rgba(52, 177, 238, 0.16); +} + @media (max-width: 960px) { .toolbar-spacer { flex-basis: 100%;