sdz/cmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

project init

Browse Source
This commit is contained in:
zxy
2024-02-02 10:23:22 +08:00
commit dc7051417b
681 changed files with 142886 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/styles/theme/bule.scss Normal file
View File

@@ -0,0 +1,46 @@
.theme-bule{
.avue-header,.avue-logo{
background: #004ca7;
}
.avue-sidebar{
background: #004ca7;
.el-menu-item.is-active, .el-submenu__title.is-active {
background-color: rgba(0, 0, 0, 0.2);
}
}
.el-dropdown{
color: #fff;
}
.avue-logo{
.avue-logo_title{
color:#fff;
}
}
.avue-breadcrumb{
i{
color:#fff;
}
}
.top-bar__item {
i {
color: #fff;
}
}
.avue-top{
.el-menu-item {
i,
span {
color: #fff;
}
&:hover {
i,
span {
color: #fff;
}
}
}
}
}

146
src/styles/theme/cool.scss Normal file
View File

@@ -0,0 +1,146 @@
.theme-cool {
.el-menu--popup{
.el-menu-item{
background-color: #fff;
i,span{
color:#666;
}
&:hover{
i,span{
color:#333;
}
}
&.is-active {
background-color: #409EFF;
&:before {
content: '';
top: 0;
left: 0;
bottom: 0;
width: 4px;
background: #409eff;
position: absolute;
}
i,span{
color:#fff;
}
}
}
}
.avue-header{
background: linear-gradient(120deg,#25aff3,#008ad3);
}
.avue-tags {
padding: 0 3px;
margin: 8px 0;
box-shadow: none;
background-color: transparent;
.el-tabs__header .el-tabs__item{
padding: 0 10px !important;
background-color: #fff;
margin-right: 5px;
color: #909399;
border-radius: 3px;
height:30px;
font-size: 12px;
line-height: 30px;
&.is-active {
border: none;
color:#008ad3;
}
}
}
.avue-logo{
background: #fff;
box-shadow: none;
}
.avue-sidebar--tip{
background-color:transparent;
color:#333;
}
.el-dropdown{
color:#fff;
}
.avue-logo_title{
font-weight: 400;
color:#008ad3;
}
.logo_title,
.avue-breadcrumb
{
color: #fff ;
i {
color: #fff;
}
}
.avue-top{
.el-menu-item {
i,
span {
color: #fff ;
}
&:hover {
i,
span {
color: #fff ;
}
}
}
}
.avue-sidebar{
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
background-color: #fff;
padding-top: 70px;
.el-menu-item,.el-submenu__title{
font-size: 13px;
i,span{
color:#000;
}
&:hover{
background: transparent;
i,span{
color:#000;
}
}
&.is-active {
background-color: #e5f1fb;
&::before{
width: 0;
}
i,span{
color: #25aff3;
}
}
}
}
.top-search {
.el-input__inner{
color: #333;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
}
.top-bar__item {
i {
color: #fff;
}
}
}

57
src/styles/theme/d2.scss Normal file
View File

@@ -0,0 +1,57 @@
.theme-d2 {
.avue-logo{
color: #409EFF;
background-color: #ebf1f6;
box-shadow: none;
.avue-logo_title{
font-size: 20px;
font-weight: 400;
}
}
.avue-top{
background-color: #ebf1f6;
box-shadow: none;
}
.avue-main{
padding: 0 5px;
}
.avue-tags{
margin-left: 6px;
padding: 0;
border: 1px solid #e4e7ed;
border-radius: 3px;
background-color: #ebf1f6;
box-shadow: none;
.el-tabs__item{
border-left: 1px solid #cfd7e5 !important;
margin: 0 !important;
background-color: rgba(0,0,0,.03) !important;
color: #606266 !important;
font-size: 14px !important;
font-weight: 500 !important;
&:first-child{
border-left: none !important;
}
}
.is-active{
border-bottom:1px solid #fff !important;
background-color: #fff !important;
color: #409EFF !important;
}
}
.avue-sidebar{
background-color: #ebf1f6;
box-shadow: none;
.el-menu-item,.el-submenu__title{
i,span{
color:#606266
}
&:hover,&.is-active{
background: hsla(0,0%,100%,.5);
i,span{
color: #409EFF;
}
}
}
}
}

45
src/styles/theme/hey.scss Normal file
View File

@@ -0,0 +1,45 @@
.theme-hey{
.avue-sidebar{
background-color: #fff;
box-shadow: 0 1px 4px rgba(0,21,41,.08);
.el-menu-item,.el-submenu__title{
i,span{
color: rgba(49,58,70,.8);
}
&:hover{
background: transparent;
i,span{
color:#409eff;
}
}
&.is-active {
&:before {
left:auto;
right: 0 ;
}
background-color: #f0f6ff;
i,span{
color:#409eff;
}
}
}
}
.avue-logo{
background-color: #fff;
box-shadow: none;
.avue-logo_title{
color:#409eff;
font-size: 20px;
}
}
.avue-tags{
background: #f3f6f8;
.el-tabs__item{
color: rgba(0,0,0,.65) !important;
}
.is-active{
background-color: #fff;
border-bottom: none !important;
}
}
}

27
src/styles/theme/index.scss Normal file
View File

@@ -0,0 +1,27 @@
// white
@import './white.scss';
// star
@import './star.scss';
// vip
@import './vip.scss';
// d2
@import './d2.scss';
// bule
@import './bule.scss';
//iview
@import './iview.scss';
//heyui
@import './hey.scss';
//lite
@import './lte.scss';
//cool
@import './cool.scss';

76
src/styles/theme/iview.scss Normal file
View File

@@ -0,0 +1,76 @@
.theme-iview {
.avue-logo{
background: #001529;
box-shadow: none;
text-align: center;
.avue-logo_title{
padding: 5px 8px 8px 8px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 20px;
color:#fff;
font-weight: 500;
display: inline;
background-color: #409EFF;
}
}
.avue-tags{
padding: 3px 5px 5px 0;
background: #f0f0f0;
box-shadow: inset 0 0 3px 2px hsla(0,0%,39.2%,.1);
.is-active{
&:before{
background: #409EFF !important;
}
}
.el-tabs__item{
padding: 0 15px !important;
position: relative;
height: 32px !important;
line-height:32px !important;
border: 1px solid #e8eaec!important;
color: #515a6e!important;
background: #fff!important;
border-radius: 3px;
&:before{
content:'';
display: inline-block;
width: 12px;
height: 12px;
margin-right:10px;
border-radius: 50%;
background: #e8eaec;
}
}
}
.avue-sidebar{
background: #001529;
.el-menu-item{
&.is-active {
background-color: #000c17;
&:before {
display: none;
}
i,span{
color:#409EFF;
}
}
}
.el-submenu{
.el-menu-item{
&.is-active {
background-color: #409EFF;
&:before {
display: none;
}
i,span{
color:#fff;
}
}
}
}
}
}

36
src/styles/theme/lte.scss Normal file
View File

@@ -0,0 +1,36 @@
.theme-lte {
.avue-logo{
background-color: #409EFF;
.avue-logo_title{
font-weight: 500;
font-size: 20px;
color:#fff;
}
}
.avue-tags{
.el-tabs__item{
font-size: 12px !important;
font-weight: 500 !important;
}
}
.avue-sidebar{
background-color: #263238;
.el-menu-item,.el-submenu__title{
i,span{
color: #8a979e;
}
&:hover{
background-color: #2b373d;
}
&.is-active {
&:before {
display: none;
}
background-color: #2b373d;
i,span{
color:#fff;
}
}
}
}
}

95
src/styles/theme/star.scss Normal file
View File

@@ -0,0 +1,95 @@
.theme-star {
.avue-main{
background: transparent;
}
.avue-contail {
background-image: url("/img/bg/star-squashed.jpg");
background-size: 100% 100%;
}
.avue-logo{
color: #fff;
}
.avue-header,
.avue-logo,
.tags-container {
background-color: transparent;
}
.el-card,.error-page {
opacity: .9;
}
.avue-tabs {
padding: 0 20px ;
}
.avue-tags{
background-color: transparent;
border-top: none;
}
.avue-top{
.avue-breadcrumb{
color:#fff;
}
.el-menu-item{
i,span{
color:#fff;
}
&.is-active{
background-color: rgba(0,0,0,.4)
}
}
.el-dropdown{
color:#fff;
}
}
.avue-sidebar{
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
background-color:transparent;
.el-menu-item,.el-submenu__title{
i,span{
color:#fff
}
&:hover{
background: transparent;
i,span{
color:#409EFF;
}
}
&.is-active {
background-color: rgba(0,0,0,.4);
i,span{
color:#fff;
}
}
}
}
.top-search {
.el-input__inner{
color: #333;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
}
.top-bar__item {
i {
color: #fff;
}
}
}

92
src/styles/theme/vip.scss Normal file
View File

@@ -0,0 +1,92 @@
.theme-vip {
$color:rgba(246,202,157,.7);
$is_active_color:#f6ca9d;
.avue-header{
background-color: #20222a;
}
.el-dropdown{
color: $color;
}
.avue-logo{
.avue-logo_title{
background-image:-webkit-gradient(linear,left top,left bottom,from($color),to( $is_active_color));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
font-weight: 400;
}
}
.avue-breadcrumb{
i{
color: $color;
}
}
.avue-sidebar{
.el-menu-item{
&.is-active {
&:before {
background: $color;
}
i,span{
color: $is_active_color;
}
}
}
}
.avue-tags{
.el-tabs__item{
color: rgba(0, 0, 0, 0.4) !important;
&.is-active{
color:$is_active_color !important;
border-color: $is_active_color !important;
}
&:before{
background: $is_active_color;
}
}
}
.top-search {
.el-input__inner{
color: $color;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: $color;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: $color;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: $color;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: $color;
}
}
.top-bar__item {
i {
color: $color;
}
}
.avue-top{
.el-menu-item {
i,
span {
color: $color;
}
&:hover {
i,
span {
color:$is_active_color;
}
}
}
}
}

120
src/styles/theme/white.scss Normal file
View File

@@ -0,0 +1,120 @@
.theme-white {
.el-menu--popup{
.el-menu-item{
background-color: #fff;
i,span{
color:#666;
}
&:hover{
i,span{
color:#333;
}
}
&.is-active {
background-color: #409EFF;
&:before {
content: '';
top: 0;
left: 0;
bottom: 0;
width: 4px;
background: #409eff;
position: absolute;
}
i,span{
color:#fff;
}
}
}
}
.avue-header,
.avue-logo,
.tags-container {
background-color: #409EFF;
}
.avue-sidebar--tip{
background-color:transparent;
color:#333;
}
.el-dropdown{
color:#fff;
}
.avue-logo_title{
font-weight: 400;
color:#fff;
}
.logo_title,
.avue-breadcrumb
{
color: #fff ;
i {
color: #fff;
}
}
.avue-top{
.el-menu-item {
i,
span {
color: #fff ;
}
&:hover {
i,
span {
color: #fff ;
}
}
}
}
.avue-sidebar{
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.15);
background-color: #fff;
padding-top: 70px;
.el-menu-item,.el-submenu__title{
i,span{
color:#666
}
&:hover{
background: transparent;
i,span{
color:#1890ff;
}
}
&.is-active {
background-color: rgba(54,87,134,.1607843137254902);
i,span{
color:#1890ff;
}
}
}
}
.top-search {
.el-input__inner{
color: #333;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
}
.top-bar__item {
i {
color: #fff;
}
}
}