chenyuan1
/
dianshang-qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(student-training): 移除子页面重复的padding样式

Browse Source 
统一由全局app-main样式提供页面padding，避免子页面重复设置导致的样式冲突和冗余
fix/exam-question-access-material-excel-delete-draft
qinzhenpen 3 weeks ago
parent 9b815290b0
commit a019e26c08
3 changed files with 104 additions and 97 deletions
Show Stats Download Patch File Download Diff File

5
src/assets/styles/student-training.scss
Unescape Escape View File

@ -106,8 +106,9 @@
max-width: none !important;
min-height: calc(100vh - 90px) !important;
margin: 0 !important;
padding: 10px 10px 16px !important;
padding: 10px 10px 16px !important;
/* padding 由架构标签 .app-main 提供（sidebar.scss 中 28px 32px 40px 24px），子页面根标签不再叠加 */
// padding: 10px 10px 16px !important;
// padding: 10px 10px 16px !important;
background: #ffffff !important;
/* 应用实训页专用字体栈 + 数字等宽对齐 */
font-family: var(--student-font-base) !important;

190
src/layout/components/Navbar.vue
Unescape Escape View File

@ -773,69 +773,7 @@ onMounted(() => {
}
}
// 教师端下拉面板：亮色玻璃质感（dropdown teleport 到 body，需使用 popper-class 选择器）
.teacher-dropdown-popper {
.dropdown-panel {
background: linear-gradient(160deg, #ffffff 0%, #f3f8ff 50%, #eaf2fb 100%);
border: 1px solid rgba(30, 136, 229, 0.25);
box-shadow: 0 15px 40px rgba(30, 60, 100, 0.18), 0 0 20px rgba(30, 136, 229, 0.08);
.dropdown-header {
background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.05));
border-bottom: 1px solid rgba(30, 136, 229, 0.15);
.user-info {
.user-name {
color: #1e3a5f;
}
.user-role {
color: #1e88e5;
}
}
}
.dropdown-divider {
background: linear-gradient(90deg, transparent, rgba(30, 136, 229, 0.25), transparent);
}
.dropdown-menu-custom {
.dropdown-item {
color: #3a5a7a !important;
svg {
color: rgba(30, 136, 229, 0.8);
}
&:hover {
background: linear-gradient(135deg, rgba(30, 136, 229, 0.14), rgba(66, 165, 245, 0.06)) !important;
color: #1e88e5 !important;
svg {
color: #1e88e5;
}
}
&.logout {
color: rgba(200, 80, 80, 0.85) !important;
svg {
color: rgba(220, 100, 100, 0.8);
}
&:hover {
background: linear-gradient(135deg, rgba(220, 80, 80, 0.14), rgba(200, 60, 60, 0.06)) !important;
color: #d63030 !important;
svg {
color: #d63030;
}
}
}
}
}
}
}
// 教师端下拉面板、学生端下拉面板已移至文件末尾非 scoped style 块
// 学生端下拉面板规则见文件末尾（置于基础块之后，避免被深色默认样式反压）
@ -939,9 +877,103 @@ onMounted(() => {
}
}
/* ===== 学生端用户下拉：白底墨黑（置于基础块之后，完整覆盖，避免蓝框/箭头/位移重影） ===== */
/* ===== 学生端用户下拉已移至文件末尾非 scoped style 块 ===== */
@media (max-width: 768px) {
.navbar {
.navTitle, .TnavTitle {
.logo-area {
.nacber-name {
font-size: 13px;
letter-spacing: 1px;
}
}
}
.el-ment {
display: none !important;
}
.search-box {
display: none;
}
.divider {
display: none;
}
}
}
</style>
<!-- 以下两个 popper 样式必须放在非 scoped 块中：Element Plus 的 dropdown popper 默认 teleport 到 body，
scoped 样式编译后附加的 [data-v-xxx] 属性无法命中 body 层的 popper 及其内部动态生成的 .dropdown-item -->
<style lang="scss">
/* ===== 教师端用户下拉：亮色玻璃质感 ===== */
.teacher-dropdown-popper {
.dropdown-panel {
background: linear-gradient(160deg, #ffffff 0%, #f3f8ff 50%, #eaf2fb 100%);
border: 1px solid rgba(30, 136, 229, 0.25);
box-shadow: 0 15px 40px rgba(30, 60, 100, 0.18), 0 0 20px rgba(30, 136, 229, 0.08);
.dropdown-header {
background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.05));
border-bottom: 1px solid rgba(30, 136, 229, 0.15);
.user-info {
.user-name {
color: #1e3a5f;
}
.user-role {
color: #1e88e5;
}
}
}
.dropdown-divider {
background: linear-gradient(90deg, transparent, rgba(30, 136, 229, 0.25), transparent);
}
.dropdown-menu-custom {
.dropdown-item {
color: #3a5a7a !important;
svg {
color: rgba(30, 136, 229, 0.8);
}
&:hover {
background: linear-gradient(135deg, rgba(30, 136, 229, 0.14), rgba(66, 165, 245, 0.06)) !important;
color: #1e88e5 !important;
svg {
color: #1e88e5;
}
}
&.logout {
color: rgba(200, 80, 80, 0.85) !important;
svg {
color: rgba(220, 100, 100, 0.8);
}
&:hover {
background: linear-gradient(135deg, rgba(220, 80, 80, 0.14), rgba(200, 60, 60, 0.06)) !important;
color: #d63030 !important;
svg {
color: #d63030;
}
}
}
}
}
}
}
/* ===== 学生端用户下拉：白底墨黑 ===== */
.student-dropdown-popper {
/* 隐藏顶部白色菱形箭头 */
.el-popper__arrow { display: none !important; }
.dropdown-panel {
@ -979,7 +1011,6 @@ onMounted(() => {
background: #e5e7eb !important;
}
/* Element Plus 菜单容器：去掉默认内边距/底色/圆角 */
.el-dropdown-menu.dropdown-menu-custom {
padding: 8px;
background: transparent !important;
@ -988,7 +1019,6 @@ onMounted(() => {
box-shadow: none !important;
}
/* li 同时是 el-dropdown-menu__item 与 .dropdown-item，全部状态统一 */
.dropdown-item.el-dropdown-menu__item {
display: flex;
align-items: center;
@ -1019,7 +1049,6 @@ onMounted(() => {
svg { color: #1f2937; }
}
/* 退出项：语义红 */
&.logout,
&.logout:hover,
&.logout:focus,
@ -1037,29 +1066,4 @@ onMounted(() => {
}
}
}
@media (max-width: 768px) {
.navbar {
.navTitle, .TnavTitle {
.logo-area {
.nacber-name {
font-size: 13px;
letter-spacing: 1px;
}
}
}
.el-ment {
display: none !important;
}
.search-box {
display: none;
}
.divider {
display: none;
}
}
}
</style>

6
src/views/training/GenericTrainingPage.vue
Unescape Escape View File

@ -1713,7 +1713,8 @@ function exportOutcome() {
max-width: 100%;
min-height: calc(100vh - 106px);
margin: 0;
padding: 24px 24px 32px;
/* padding 由架构标签 .app-main 提供，子页面根标签不再叠加 */
// padding: 24px 24px 32px;
color: #1f2937;
background: #ffffff;
}
@ -2731,7 +2732,8 @@ function exportOutcome() {
@media (max-width: 900px) {
.student-training-page {
margin: 0;
padding: 14px 14px 18px;
/* padding 由架构标签 .app-main 提供，子页面根标签不再叠加 */
// padding: 14px 14px 18px;
}
.training-core {

Write Preview
Loading…
Cancel
Save