-
+
@@ -211,7 +226,7 @@ function logout() {
left: 0;
right: 0;
bottom: 0;
- background-image: url('@/assets/background.png');
+ background-image: url('@/assets/backgroundBlue.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
@@ -225,12 +240,13 @@ function logout() {
left: 1vh;
right: 1vh;
bottom: 1vh;
- background: rgba(255, 255, 255, 0.3); /* 更透明的背景 */
- backdrop-filter: blur(200px); /* 毛玻璃效果 */
+ /* 毛玻璃效果 */
+ background-image: url('@/assets/半透明background.png');
+
z-index: 1;
display: flex;
flex-direction: row;
- padding: 20px;
+ padding: 10px;
border-radius: 12px;
}
@@ -238,16 +254,51 @@ function logout() {
.sidebar-container {
flex-shrink: 0;
}
+.logo {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 12vh;
+
+}
+/* 中间可滚动菜单容器 */
+.menu-scroll-container {
+ flex: 1;
+ overflow-y: auto;
+ padding: 10px 0;
+}
+
+/* 底部设置中心样式 */
+.settings-container {
+ padding: 10px 0 10px 20px; /* 上，右， 下，左 */
+ background: rgba(255, 255, 255, 0.85);
+ display: flex;
+ align-items: center; /* 垂直居中 */
+}
+
+/* 调整下拉菜单的样式，确保它向上弹出 */
-.el-aside {
+.el-dropdown-link:focus {
+ /* 移除异常效果 */
+ outline: none;
+ text-decoration: none;
+}
+.el-dropdown-link {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ gap:10px; /* 图标和文字左右间距 */
+}
+.sidebar-layout {
width: 15vw;
height: 100%;
background: rgba(255, 255, 255, 0.85); /* 半透明白色背景 */
backdrop-filter: blur(5px); /* 毛玻璃效果 */
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* 添加阴影增强层次感 */
border-radius: 12px;
- overflow-y: auto;
- /* 应用自定义滚动条 */
+ display: flex;
+ flex-direction: column;
+ position: relative;
}
/* 内容区域容器 */
@@ -263,21 +314,27 @@ function logout() {
/* 头部样式 */
.header {
- background: rgba(255, 255, 255, 0.9); /* 半透明白色背景 */
- backdrop-filter: blur(5px); /* 毛玻璃效果 */
+ background: rgba(255, 255, 255, 0.9);
+ /* 半透明白色背景 */
+ backdrop-filter: blur(5px);
+ /* 毛玻璃效果 */
height: 8vh;
border-radius: 12px;
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* 添加阴影增强层次感 */
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+ /* 添加阴影增强层次感 */
z-index: 80;
}
/* 主内容区域容器 */
.main-area {
flex: 1;
- background: rgba(255, 255, 255, 0.9); /* 半透明白色背景 */
- backdrop-filter: blur(5px); /* 毛玻璃效果 */
+ background: rgba(255, 255, 255, 0.9);
+ /* 半透明白色背景 */
+ backdrop-filter: blur(5px);
+ /* 毛玻璃效果 */
border-radius: 12px;
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* 添加阴影增强层次感 */
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+ /* 添加阴影增强层次感 */
overflow: hidden;
display: flex;
flex-direction: column;
@@ -292,21 +349,23 @@ function logout() {
/* 应用自定义滚动条 */
}
-.logo {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 12vh;
+
+
+/* 确保el-menu撑满容器 */
+.sidebar-layout .el-menu {
+ width: 100%;
}
+/* 感觉没用 */
.el-menu-demo {
border: none;
padding: 0;
float: right;
- background: transparent !important; /* 最高优先级的透明 */
+ background: transparent !important;
+ /* 最高优先级的透明 */
}
-/* 侧边栏菜单样式优化 */
+/* 侧边栏菜单样式优化 感觉没用*/
.el-menu {
background: transparent !important;
}
@@ -315,7 +374,8 @@ function logout() {
background: transparent !important;
}
-.message-font { /* 个人信息字体样式 */
+.message-font {
+ /* 个人信息字体样式 */
font-size: 16px;
font-weight: bold;
}
@@ -323,7 +383,8 @@ function logout() {
/* 确保全局el-container适应容器 */
-:deep(.el-container) { /* vue3的深度选择器，用于覆盖element-plus的默认样式 */
+:deep(.el-container) {
+ /* vue3的深度选择器，用于覆盖element-plus的默认样式 */
min-height: 100%;
width: 100%;
background: transparent;
@@ -332,9 +393,11 @@ function logout() {
/* 为侧边栏和主内容区域添加滚动条样式 */
-.el-aside,
+.menu-scroll-container,
.el-main {
- scrollbar-width: thin; /* Firefox */
- scrollbar-color: rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.2); /* Firefox滑块和轨道颜色 */
+ scrollbar-width: thin;
+ /* Firefox */
+ scrollbar-color: rgba(0, 0, 0, 0.3) rgba(255, 255, 255, 0.2);
+ /* Firefox滑块和轨道颜色 */
}
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundDetail.vue b/src/views/moneyManage/refundDetail/refundDetail.vue
index fca939c..760ad4c 100644
--- a/src/views/moneyManage/refundDetail/refundDetail.vue
+++ b/src/views/moneyManage/refundDetail/refundDetail.vue
@@ -403,7 +403,7 @@ const customUpload = async (options) => {
}
}
-
+
+
+
+
+ 
+ 设置中心
+