This commit is contained in:
@jyuhsin
2025-11-25 17:35:19 +08:00
parent ea9aa6a1b9
commit bda7beb3e2
11 changed files with 158 additions and 24 deletions
+94 -8
View File
@@ -3,6 +3,7 @@ layout("/layouts/v4/baseLayout.html"){
#-->
<style>
.sub-app-container {
margin: 0 auto;
background: #fff;
@@ -14,8 +15,8 @@ layout("/layouts/v4/baseLayout.html"){
.sidebar-menu {
width: 250px;
background: rgb(35 85 120);
color: #fff;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
color: black;
flex-shrink: 0;
height: calc(100vh - 64px);
display: flex;
@@ -24,15 +25,27 @@ layout("/layouts/v4/baseLayout.html"){
.menu-header {
padding: 20px;
background: rgba(0, 0, 0, 0.1);
/*background: rgba(0, 0, 0, 0.1);*/
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
flex-shrink: 0;
background: url(/assets/platform/img/layout/ejdh_bg.png);
background-size: 100% 100%;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-top: 2px;
text-align: center;
}
.menu-title {
font-size: 18px;
font-weight: 600;
margin: 0;
color: white;
}
.el-icon-arrow-down:before {
font-weight: bolder;
color: #8f000b;
}
#sidebar-menu .el-scrollbar {
@@ -50,7 +63,20 @@ layout("/layouts/v4/baseLayout.html"){
}
#sidebar-menu .el-menu .el-submenu__title {
color: #ffffff;
color: black;
font-size: 16px;
position: relative;
border-bottom: none;
}
#sidebar-menu .el-menu .el-submenu__title::after {
content: '';
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
height: 1px;
background-color: #e0d5d5;
}
#sidebar-menu .el-menu .el-submenu__title i,
@@ -59,7 +85,23 @@ layout("/layouts/v4/baseLayout.html"){
}
#sidebar-menu .el-menu .el-submenu__title:hover {
background: rgba(0, 0, 0, 0.1);
/*background: rgba(0, 0, 0, 0.1);*/
background: none;
color: #8f000b;
font-weight: bolder;
}
#sidebar-menu .el-menu .el-submenu__title:before {
border: 1px solid #e0d5d5;
background: #fff;
content: '';
position: absolute;
left: 13px;
bottom: -4px;
width: 6px;
height: 6px;
border-radius: 5px;
z-index: 1;
}
#sidebar-menu .el-menu .el-menu-item {
@@ -67,12 +109,53 @@ layout("/layouts/v4/baseLayout.html"){
}
#sidebar-menu .el-menu .el-menu-item.is-active {
background: rgba(0, 0, 0, 0.1);
/*background: rgba(0, 0, 0, 0.1);*/
color: #8f000b;
font-weight: bolder;
}
#sidebar-menu .el-menu .el-menu-item:focus,
.el-menu-item:hover {
background: rgba(0, 0, 0, 0.1);
background: none;
font-weight: bolder;
}
#sidebar-menu .el-menu .el-menu-item:focus a,
#sidebar-menu .el-menu .el-menu-item:hover a {
color: #8f000b;
font-weight: bolder;
}
#sidebar-menu .el-menu .el-menu-item.is-active a:after {
background: #c6a75c;
content: '';
position: absolute;
left: 35px;
bottom: -4px;
width: 45%;
height: 4px;
z-index: 1;
}
#sidebar-menu .el-menu .el-menu--inline .el-menu-item.is-active a:after {
left: 55px;
}
#sidebar-menu .el-menu .el-menu-item a:before {
border: 1px solid #e0d5d5;
background: #fff;
content: '';
position: absolute;
left: 13px;
bottom: -6px;
width: 6px;
height: 6px;
border-radius: 5px;
z-index: 1;
}
#sidebar-menu .el-menu .el-menu--inline .el-menu-item a:before {
left: 33px;
}
#sidebar-menu .el-menu .el-menu-item a {
@@ -80,12 +163,15 @@ layout("/layouts/v4/baseLayout.html"){
color: inherit;
display: inline-block;
width: 100%;
font-size: 16px;
border-bottom: 1px #e0d5d5 solid;
}
.sub-app-container-main-content {
flex: 1;
padding: 10px;
background: #f6f6f6;
/*background: #f6f6f6;*/
background: #FAF8F2;
box-sizing: border-box;
overflow: auto;
height: calc(100vh - 64px);
@@ -368,8 +368,8 @@
<style>
.v4-header {
background-color: rgb(0, 109, 185);
box-shadow: 0 2px 10px rgba(0, 109, 185, 0.3);
background-color: rgb(129, 26, 30);
box-shadow: 0 2px 10px rgba(129, 26, 30, 0.3);
height: 64px;
display: flex;
align-items: center;
@@ -603,6 +603,19 @@
text-decoration: underline;
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
background: url('${AppBackImg!}') no-repeat center center;
background-size: 28% 36%;
opacity: 0.05;
z-index: 99999;
}
</style>
</head>
<body>
@@ -75,7 +75,7 @@ layout("/layouts/platform.html"){
></el-input>
</el-form-item>
<el-form-item prop="configValue" label="参数值">
<template v-if="formData.configKey === 'AppLogo' || formData.configKey === 'AppHomeImg'">
<template v-if="formData.configKey === 'AppLogo' || formData.configKey === 'AppHomeImg' || formData.configKey === 'AppBackImg'">
<file-upload
style="--upload-width: 214px;--upload-height:64px"
:value.sync="formData.configValue"
@@ -92,7 +92,7 @@ const ACTIVITY_CULTURE_INFO_MANAGE = {
<el-table-column align="center" header-align="center" label="操作"
prop="userOnline" width="150px">
<template slot-scope="{row}">
<el-dropdown @command="dropdownCommand">
<el-dropdown @command="dropdownCommand" trigger="click">
<el-button :loading="row.loading" size="mini">
<i class="ti-settings"></i>
<span class="ti-angle-down"></span>