zhaichao/education
1
0
Fork 0
forked from liweijie/education
Code Pull Requests Activity

系统风格以及部分页面样式变更

Browse Source
This commit is contained in:
yangbin
2026-08-24 18:30:32 +08:00
parent 9f4571a40e
commit 763bf34c3a
20 changed files with 1044 additions and 537 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/layout/components/Navbar.vue
+19 -19
View File
@@ -159,19 +159,19 @@ export default {
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
transition: all 0.25s ease;
border-radius: 7px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.10);
transition: background-color 0.18s ease, border-color 0.18s ease;
cursor: pointer;
&:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.28);
}
&:active {
transform: translateY(0);
background: rgba(255, 255, 255, 0.21);
}
.svg-icon {
@@ -192,19 +192,19 @@ export default {
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.08);
transition: all 0.25s ease;
border-radius: 7px;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.10);
transition: background-color 0.18s ease, border-color 0.18s ease;
cursor: pointer;
&:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.28);
}
&:active {
transform: translateY(0);
background: rgba(255, 255, 255, 0.21);
}
.svg-icon {
@@ -282,7 +282,7 @@ export default {
margin-right: 0;
padding: 0 6px 0 10px;
height: 100%;
border-radius: 22px;
border-radius: 8px;
cursor: pointer;
&.is-active .user-caret {
@@ -299,10 +299,10 @@ export default {
position: relative;
width: 36px;
height: 36px;
border-radius: 50%;
border-radius: 8px;
padding: 2px;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.55));
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
flex-shrink: 0;
}
@@ -310,7 +310,7 @@ export default {
cursor: pointer;
width: 100%;
height: 100%;
border-radius: 50%;
border-radius: 6px;
object-fit: cover;
background: var(--edu-green-light);
display: block;
frontend/src/layout/components/SemesterBar.vue
+5 -6
View File
@@ -147,7 +147,7 @@ export default {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
gap: 10px;
height: 36px;
font-size: 13px;
color: rgba(255, 255, 255, 0.85);
@@ -159,10 +159,9 @@ export default {
justify-content: center;
height: 36px;
padding: 0 16px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.22);
backdrop-filter: blur(2px);
border-radius: 7px;
background: rgba(255, 255, 255, 0.09);
border: 1px solid rgba(255, 255, 255, 0.16);
box-sizing: border-box;
i {
@@ -251,7 +250,7 @@ export default {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.35);
color: #fff;
border-radius: 18px;
border-radius: 7px;
height: 36px;
padding: 0 12px;
display: flex;
frontend/src/layout/components/Sidebar/index.vue
+9 -1
View File
@@ -81,7 +81,15 @@ export default {
align-items: center;
justify-content: center;
cursor: pointer;
color: #bfcbd9;
color: rgba(255, 255, 255, 0.72);
border-top: 1px solid rgba(255, 255, 255, 0.10);
background: rgba(3, 49, 40, 0.18);
transition: background-color 160ms ease, color 160ms ease;
&:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.10);
}
.collapse-hamburger {
line-height: 48px;
frontend/src/layout/components/TagsView/index.vue
+23 -14
View File
@@ -135,8 +135,8 @@ export default {
tagActiveStyle(tag) {
if (!this.isActive(tag)) return {}
return {
"background-color": "#00875A",
"border-color": "#00875A"
"background-color": "#e8f3ef",
"border-color": "#0b6b55"
}
},
isAffix(tag) {
@@ -363,7 +363,8 @@ $tags-bar-height: 34px;
height: $tags-bar-height;
width: 100%;
background: #fff;
border-bottom: 1px solid #d8dce5;
border-bottom: 1px solid #dce6e2;
box-shadow: 0 1px 2px rgba(19, 45, 37, 0.04);
display: flex;
align-items: center;
overflow: hidden;
@@ -413,29 +414,37 @@ $tags-bar-height: 34px;
cursor: pointer;
height: 26px;
line-height: 26px;
border: 1px solid #d8dce5;
color: #495060;
border: 1px solid #dce6e2;
color: #52645f;
background: #fff;
padding: 0 8px;
font-size: 12px;
margin-left: 5px;
border-radius: 3px;
border-radius: 5px;
transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
&:hover {
color: #0b6b55;
background: #f3f8f6;
border-color: #b6cec5;
}
&:first-of-type { margin-left: 6px; }
&:last-of-type { margin-right: 15px; }
}
}
&:not(.tags-view-container--chrome) .tags-view-wrapper .tags-view-item.active {
background-color: #42b983;
color: #fff;
border-color: #42b983;
background-color: #e8f3ef;
color: #085442;
border-color: #0b6b55;
font-weight: 600;
&::before {
content: '';
background: #fff;
background: #c69b3c;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
width: 3px;
height: 12px;
border-radius: 2px;
position: relative;
margin-right: 2px;
}
@@ -749,4 +758,4 @@ $tags-bar-height: 34px;
min-height: calc(100vh - 34px) !important;
overflow: auto;
}
</style>
</style>
frontend/src/layout/index.vue
+14 -6
View File
@@ -1,5 +1,13 @@
<template>
<div :class="classObj" class="app-wrapper" :style="{'--current-color': '#00875A', '--current-color-light': '#00875A1a', '--current-color-dark-bg': '#00875A33'}">
<div
:class="classObj"
class="app-wrapper"
:style="{
'--current-color': '#0B6B55',
'--current-color-light': '#0B6B551a',
'--current-color-dark-bg': '#0B6B5533'
}"
>
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
<!-- 顶部全宽 Header -->
@@ -103,9 +111,9 @@ export default {
height: 60px;
display: flex;
align-items: center;
background: var(--edu-green-primary);
background: linear-gradient(90deg, var(--edu-green-primary) 0%, var(--edu-green-dark) 100%);
box-shadow: 0 2px 8px rgba(0, 21, 41, 0.16);
background: linear-gradient(104deg, #0b6b55 0%, #095b49 58%, #084c3f 100%);
border-bottom: 1px solid rgba(198, 155, 60, 0.5);
box-shadow: 0 3px 12px rgba(8, 51, 42, 0.16);
padding: 0 20px;
z-index: 10;
@@ -140,7 +148,7 @@ export default {
letter-spacing: 1.5px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
cursor: pointer;
border-radius: 6px;
border-radius: 5px;
padding: 4px 10px;
transition: background 0.25s ease;
@@ -184,7 +192,7 @@ export default {
position: relative;
overflow: hidden;
height: 100%;
background-color: #f5f7fa;
background-color: var(--edu-color-canvas);
}
.drawer-bg {