mirror of
https://gitee.com/ulthon/ulthon_admin.git
synced 2026-07-01 15:32:48 +08:00
完善科幻风格文档;
This commit is contained in:
@@ -5,6 +5,8 @@ $main-color :rgb(126, 252, 246);
|
||||
// 通常用于边框
|
||||
$less-main-color:rgb(6, 216, 215);
|
||||
|
||||
$plus-main-color:rgb(0, 125, 124);
|
||||
|
||||
// 通常用于激活状态,通常跟背景色搭配
|
||||
$cover-color :rgba(62, 251, 251, 0.05);
|
||||
// 更强的激活状态,适合做选项操作时使用
|
||||
@@ -43,7 +45,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
color : rgb(126, 252, 246);
|
||||
text-shadow : rgb(126, 252, 246) 0px 0px 1px;
|
||||
background-color: rgb(126, 252, 246);
|
||||
|
||||
|
||||
|
||||
&::before {
|
||||
content : '';
|
||||
@@ -104,25 +106,26 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
color : rgb(255, 255, 153);
|
||||
background-color: rgb(255, 255, 153);
|
||||
border : unset;
|
||||
|
||||
|
||||
&:hover::after {
|
||||
background-color: rgba(255, 255, 153, 0.2);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
&.layui-btn-primary{
|
||||
border : unset;
|
||||
|
||||
&.layui-btn-primary {
|
||||
border: unset;
|
||||
}
|
||||
|
||||
|
||||
&.layui-btn-normal {
|
||||
color : $black-color;
|
||||
background-color: $main-color;
|
||||
border : unset;
|
||||
|
||||
&::before{
|
||||
|
||||
&::before {
|
||||
background-color: $main-color;
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
background-color: $main-color;
|
||||
}
|
||||
@@ -224,6 +227,10 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title span {
|
||||
color: $active-color;
|
||||
}
|
||||
|
||||
.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
|
||||
.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
|
||||
color: $main-color !important;
|
||||
@@ -413,6 +420,11 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
.layui-side.layui-bg-black>.layuimini-menu-left>ul,
|
||||
.layuimini-menu-left-zoom>ul {
|
||||
background-color: $black-color !important;
|
||||
|
||||
}
|
||||
|
||||
.layui-side {
|
||||
border-right: 1px solid $main-color;
|
||||
}
|
||||
|
||||
.layui-bg-blue {
|
||||
@@ -543,7 +555,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
.layui-tab-title,
|
||||
.layui-tab-title .layui-this::after,
|
||||
.layui-textarea {
|
||||
border-color: $main-color;
|
||||
border-color: $main-color !important;
|
||||
}
|
||||
|
||||
.form-search .layui-input-inline input,
|
||||
@@ -559,10 +571,44 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
.layui-form-item{
|
||||
.layui-form-item {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.layuimini-upload .layuimini-upload-btn{
|
||||
.layuimini-upload .layuimini-upload-btn {
|
||||
background-color: $black-color;
|
||||
}
|
||||
|
||||
.layui-layer-content {
|
||||
border: 1px solid $main-color;
|
||||
}
|
||||
|
||||
.layui-layer-easy .layui-layer-title {
|
||||
background-color: $plus-main-color !important;
|
||||
color : $main-color !important;
|
||||
}
|
||||
|
||||
.tableSelect {
|
||||
background-color: $black-color !important;
|
||||
border-color : $less-main-color !important;
|
||||
}
|
||||
|
||||
.layui-table td,
|
||||
.layui-table th,
|
||||
.layui-table-col-set,
|
||||
.layui-table-fixed-r,
|
||||
.layui-table-grid-down,
|
||||
.layui-table-header,
|
||||
.layui-table-page,
|
||||
.layui-table-tips-main,
|
||||
.layui-table-tool,
|
||||
.layui-table-total,
|
||||
.layui-table-view,
|
||||
.layui-table[lay-skin="line"],
|
||||
.layui-table[lay-skin="row"] {
|
||||
border-color: $less-main-color;
|
||||
}
|
||||
|
||||
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr{
|
||||
background-color: $black-color;
|
||||
}
|
||||
@@ -214,6 +214,9 @@
|
||||
background-color: rgba(62, 251, 251, 0.05) !important;
|
||||
border-color: rgb(6, 216, 215);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-tab .layui-tab-title span {
|
||||
color: rgba(62, 251, 251, 0.5);
|
||||
}
|
||||
.elem-style-sicfi .layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
|
||||
.elem-style-sicfi .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
|
||||
color: rgb(126, 252, 246) !important;
|
||||
@@ -357,6 +360,9 @@
|
||||
.elem-style-sicfi .layuimini-menu-left-zoom > ul {
|
||||
background-color: rgb(2, 17, 20) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-side {
|
||||
border-right: 1px solid rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-bg-blue {
|
||||
background-color: #0000ff !important;
|
||||
}
|
||||
@@ -455,7 +461,7 @@
|
||||
.elem-style-sicfi .layui-tab-title,
|
||||
.elem-style-sicfi .layui-tab-title .layui-this::after,
|
||||
.elem-style-sicfi .layui-textarea {
|
||||
border-color: rgb(126, 252, 246);
|
||||
border-color: rgb(126, 252, 246) !important;
|
||||
}
|
||||
.elem-style-sicfi .form-search .layui-input-inline input,
|
||||
.elem-style-sicfi .form-search .layui-input-inline select {
|
||||
@@ -472,4 +478,33 @@
|
||||
}
|
||||
.elem-style-sicfi .layuimini-upload .layuimini-upload-btn {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layui-layer-content {
|
||||
border: 1px solid rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-layer-easy .layui-layer-title {
|
||||
background-color: rgb(0, 125, 124) !important;
|
||||
color: rgb(126, 252, 246) !important;
|
||||
}
|
||||
.elem-style-sicfi .tableSelect {
|
||||
background-color: rgb(2, 17, 20) !important;
|
||||
border-color: rgb(6, 216, 215) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-table td,
|
||||
.elem-style-sicfi .layui-table th,
|
||||
.elem-style-sicfi .layui-table-col-set,
|
||||
.elem-style-sicfi .layui-table-fixed-r,
|
||||
.elem-style-sicfi .layui-table-grid-down,
|
||||
.elem-style-sicfi .layui-table-header,
|
||||
.elem-style-sicfi .layui-table-page,
|
||||
.elem-style-sicfi .layui-table-tips-main,
|
||||
.elem-style-sicfi .layui-table-tool,
|
||||
.elem-style-sicfi .layui-table-total,
|
||||
.elem-style-sicfi .layui-table-view,
|
||||
.elem-style-sicfi .layui-table[lay-skin=line],
|
||||
.elem-style-sicfi .layui-table[lay-skin=row] {
|
||||
border-color: rgb(6, 216, 215);
|
||||
}
|
||||
.elem-style-sicfi .layui-table tbody tr:hover, .elem-style-sicfi .layui-table thead tr, .elem-style-sicfi .layui-table-click, .elem-style-sicfi .layui-table-header, .elem-style-sicfi .layui-table-hover, .elem-style-sicfi .layui-table-mend, .elem-style-sicfi .layui-table-patch, .elem-style-sicfi .layui-table-tool, .elem-style-sicfi .layui-table-total, .elem-style-sicfi .layui-table-total tr {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
Reference in New Issue
Block a user