升级最新layui2.7;完善科幻风样式;
@@ -27,7 +27,7 @@
|
||||
};
|
||||
</script>
|
||||
<script src="__STATIC__/common/js/app.js"></script>
|
||||
<script src="__STATIC__/plugs/layui-v2.6.8/layui.js?v={$version}" charset="utf-8"></script>
|
||||
<script src="__STATIC__/plugs/layui-v2.7.2/layui.js?v={$version}" charset="utf-8"></script>
|
||||
<script src="__STATIC__/plugs/require-2.3.6/require.js?v={$version}" charset="utf-8"></script>
|
||||
<script src="__STATIC__/config-admin.js?v={$version}" charset="utf-8"></script>
|
||||
</head>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import url("../../plugs/layui-v2.6.8/css/layui.css");
|
||||
@import url("../../plugs/layui-v2.7.2/css/layui.css");
|
||||
@import url("../../plugs/font-awesome-4.7.0/css/font-awesome.min.css");
|
||||
@import url("../css/iconfont.css");
|
||||
|
||||
|
||||
@@ -1,8 +1,3 @@
|
||||
& {
|
||||
background-color: rgb(2, 17, 20);
|
||||
color : rgb(126, 252, 246);
|
||||
}
|
||||
|
||||
// 通常用于背景色
|
||||
$black-color :rgb(2, 17, 20);
|
||||
// 通常用于字体颜色
|
||||
@@ -11,13 +6,28 @@ $main-color :rgb(126, 252, 246);
|
||||
$less-main-color:rgb(6, 216, 215);
|
||||
|
||||
// 通常用于激活状态,通常跟背景色搭配
|
||||
$cover-color :rgba(62, 251, 251, 0.05);
|
||||
$cover-color :rgba(62, 251, 251, 0.05);
|
||||
// 更强的激活状态,适合做选项操作时使用
|
||||
$active-color :rgba(62, 251, 251, 0.5);
|
||||
|
||||
|
||||
$red-color :rgb(255, 0, 0);
|
||||
$yellow-color:rgb(255, 255, 153);
|
||||
$green-color :rgb(0, 255, 0);
|
||||
|
||||
& {
|
||||
background-color: $black-color;
|
||||
color : $main-color;
|
||||
}
|
||||
|
||||
.layuimini-main {
|
||||
background-color: $black-color;
|
||||
}
|
||||
|
||||
.layuimini-container {
|
||||
background-color: $black-color;
|
||||
}
|
||||
|
||||
.layuimini-container .layui-table-tool {
|
||||
background-color: $black-color;
|
||||
}
|
||||
@@ -29,10 +39,11 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
padding-right : 10px;
|
||||
position : relative;
|
||||
background-color: transparent;
|
||||
border : unset;
|
||||
border : 1px solid;
|
||||
color : rgb(126, 252, 246);
|
||||
text-shadow : rgb(126, 252, 246) 0px 0px 1px;
|
||||
background-color: rgb(126, 252, 246);
|
||||
|
||||
|
||||
&::before {
|
||||
content : '';
|
||||
@@ -70,6 +81,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
text-shadow : rgb(0, 255, 0) 0px 0px 1px;
|
||||
color : rgb(0, 255, 0);
|
||||
background-color: rgba(0, 255, 0);
|
||||
border : unset;
|
||||
|
||||
&:hover::after {
|
||||
background-color: rgba(0, 255, 0, 0.2);
|
||||
@@ -80,6 +92,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
text-shadow : rgb(255, 0, 0) 0px 0px 1px;
|
||||
color : rgb(255, 0, 0);
|
||||
background-color: rgb(255, 0, 0);
|
||||
border : unset;
|
||||
|
||||
&:hover::after {
|
||||
background-color: rgba(255, 0, 0, 0.2);
|
||||
@@ -90,21 +103,39 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
text-shadow : rgb(255, 255, 153) 0px 0px 1px;
|
||||
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-normal {
|
||||
color : $black-color;
|
||||
background-color: $main-color;
|
||||
border : unset;
|
||||
|
||||
&::before{
|
||||
background-color: $main-color;
|
||||
}
|
||||
&:hover::after {
|
||||
background-color: $main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layui-table {
|
||||
background: rgba(126, 252, 246, 0.05);
|
||||
background: $black-color;
|
||||
color : $main-color;
|
||||
|
||||
|
||||
thead tr {
|
||||
background-color: rgba(126, 252, 246, 0.15);
|
||||
tr {
|
||||
background-color: $cover-color;
|
||||
}
|
||||
|
||||
td {
|
||||
@@ -126,9 +157,23 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
}
|
||||
|
||||
.layui-table-tool .layui-inline[lay-event] {
|
||||
color : $main-color;
|
||||
border-color: $main-color;
|
||||
clip-path : $box-shape;
|
||||
color : $main-color;
|
||||
border : none;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
border-color: $main-color;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
clip-path : $box-shape;
|
||||
position : absolute;
|
||||
left : 0;
|
||||
top : 0;
|
||||
width : calc(100% - 1px);
|
||||
height : calc(100% - 1px);
|
||||
content : '';
|
||||
display : block;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-table tbody tr:hover {
|
||||
@@ -229,6 +274,295 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
|
||||
background-color: $main-color !important;
|
||||
}
|
||||
|
||||
.layui-laypage .layui-laypage-curr em{
|
||||
.layui-laypage .layui-laypage-curr em {
|
||||
color: $black-color !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
||||
background-color: $less-main-color;
|
||||
|
||||
}
|
||||
|
||||
.layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i {
|
||||
border-color : $main-color;
|
||||
background-color: $main-color;
|
||||
color : $black-color;
|
||||
}
|
||||
|
||||
.layui-table-view .layui-form-checkbox[lay-skin="primary"] i {
|
||||
background-color: $cover-color;
|
||||
}
|
||||
|
||||
.layui-table-init {
|
||||
background-color: $black-color;
|
||||
}
|
||||
|
||||
.box-border-line {
|
||||
position : relative;
|
||||
border : 1px solid $less-main-color;
|
||||
border-width : 1px;
|
||||
$border-offset: 3px;
|
||||
|
||||
&::before {
|
||||
content : '';
|
||||
position : absolute;
|
||||
width : 50px;
|
||||
height : 20px;
|
||||
transition : all 0.2s;
|
||||
border : 1px solid $less-main-color;
|
||||
top : -$border-offset;
|
||||
left : -$border-offset;
|
||||
border-right : none;
|
||||
border-bottom : none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content : "";
|
||||
position : absolute;
|
||||
width : 50px;
|
||||
height : 20px;
|
||||
transition : all 0.2s;
|
||||
border : 1px solid $less-main-color;
|
||||
bottom : -$border-offset;
|
||||
right : -$border-offset;
|
||||
border-left : none;
|
||||
border-top : none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
&::after,
|
||||
&::before {
|
||||
width : calc(100% + $border-offset);
|
||||
height: calc(100% + $border-offset);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-search-fieldset {
|
||||
.layui-input-inline {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.layui-form-item:not(:last-child) {
|
||||
margin-right: 10px;
|
||||
@extend .box-border-line;
|
||||
}
|
||||
|
||||
.layui-form-label {
|
||||
border: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-form-pane .layui-form-label {
|
||||
background-color: $cover-color;
|
||||
color : $main-color;
|
||||
}
|
||||
|
||||
.layuimini-container .layui-form-select dl dd.layui-this {
|
||||
background-color: $main-color !important;
|
||||
color : $black-color;
|
||||
}
|
||||
|
||||
.layuimini-container .table-search-fieldset {
|
||||
color : $main-color;
|
||||
border-color: $less-main-color;
|
||||
|
||||
}
|
||||
|
||||
.layui-form-select dl {
|
||||
color: $black-color;
|
||||
}
|
||||
|
||||
.layui-nav-child {
|
||||
background-color: $black-color;
|
||||
color : $main-color;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
|
||||
color: $main-color !important;
|
||||
}
|
||||
|
||||
.layui-badge,
|
||||
.layui-badge-dot,
|
||||
.layui-badge-rim {
|
||||
background-color: $main-color;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-child a:hover {
|
||||
background-color: $active-color;
|
||||
}
|
||||
|
||||
.layui-table-tool-panel {
|
||||
background-color: $black-color;
|
||||
}
|
||||
|
||||
.layui-form-checkbox[lay-skin="primary"] span {
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
.layui-table-tool-panel li:hover {
|
||||
background-color: $active-color;
|
||||
}
|
||||
|
||||
.layui-side.layui-bg-black,
|
||||
.layui-side.layui-bg-black>.layuimini-menu-left>ul,
|
||||
.layuimini-menu-left-zoom>ul {
|
||||
background-color: $black-color !important;
|
||||
}
|
||||
|
||||
.layui-bg-blue {
|
||||
background-color: #0000ff !important;
|
||||
}
|
||||
|
||||
.layui-bg-orange {
|
||||
background-color: $yellow-color !important;
|
||||
color : $black-color !important;
|
||||
}
|
||||
|
||||
.layui-bg-green {
|
||||
background-color: $green-color !important;
|
||||
color : $black-color !important;
|
||||
}
|
||||
|
||||
.layui-table-hover {
|
||||
background-color: $cover-color;
|
||||
}
|
||||
|
||||
.layui-table-grid-down {
|
||||
background-color: $black-color;
|
||||
color : $main-color;
|
||||
border-color : unset;
|
||||
}
|
||||
|
||||
.layui-table-tips-main {
|
||||
background-color: $main-color;
|
||||
color : $black-color;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-header .layuimini-tool i {
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
.color-red {
|
||||
color: $red-color !important;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-title .layui-this span {
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
.layui-card {
|
||||
|
||||
background-color: $cover-color;
|
||||
border-radius : 0;
|
||||
|
||||
@extend .box-border-line;
|
||||
|
||||
.layui-card-header {
|
||||
color: $main-color;
|
||||
}
|
||||
}
|
||||
|
||||
.layui-text {
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
.layuimini-notice:hover {
|
||||
background-color: $active-color;
|
||||
}
|
||||
|
||||
|
||||
.layuimini-qiuck-module {
|
||||
cursor: pointer;
|
||||
|
||||
a i {
|
||||
background-color: $cover-color;
|
||||
color : $active-color;
|
||||
}
|
||||
|
||||
a cite {
|
||||
color: $active-color;
|
||||
}
|
||||
|
||||
|
||||
&:hover {
|
||||
a i {
|
||||
background-color: $active-color;
|
||||
color : $main-color;
|
||||
}
|
||||
|
||||
a cite {
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.layui-bg-number {
|
||||
background-color: $cover-color;
|
||||
}
|
||||
|
||||
.layui-input,
|
||||
.layui-select,
|
||||
.layui-textarea {
|
||||
background-color: $cover-color;
|
||||
color : $main-color;
|
||||
}
|
||||
|
||||
.layui-input:focus,
|
||||
.layui-textarea:focus {
|
||||
border-color: $main-color !important;
|
||||
}
|
||||
|
||||
.layui-input:hover,
|
||||
.layui-textarea:hover {
|
||||
border-color: $main-color !important;
|
||||
}
|
||||
|
||||
.layui-badge-rim,
|
||||
.layui-border,
|
||||
.layui-colla-content,
|
||||
.layui-colla-item,
|
||||
.layui-collapse,
|
||||
.layui-elem-field,
|
||||
.layui-form-pane .layui-form-item[pane],
|
||||
.layui-form-pane .layui-form-label,
|
||||
.layui-input,
|
||||
.layui-layedit,
|
||||
.layui-layedit-tool,
|
||||
.layui-panel,
|
||||
.layui-quote-nm,
|
||||
.layui-select,
|
||||
.layui-tab-bar,
|
||||
.layui-tab-card,
|
||||
.layui-tab-title,
|
||||
.layui-tab-title .layui-this::after,
|
||||
.layui-textarea {
|
||||
border-color: $main-color;
|
||||
}
|
||||
|
||||
.form-search .layui-input-inline input,
|
||||
.form-search .layui-input-inline select {
|
||||
border-width: 0 0 0 1px;
|
||||
}
|
||||
|
||||
.layuimini-tab .layui-tab-tool .layui-nav-child {
|
||||
border-color: $main-color;
|
||||
}
|
||||
|
||||
.layui-nav .layui-nav-child a {
|
||||
color: $main-color;
|
||||
}
|
||||
|
||||
.layui-form-item{
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.layuimini-upload .layuimini-upload-btn{
|
||||
background-color: $black-color;
|
||||
}
|
||||
@@ -55,6 +55,9 @@
|
||||
.elem-style-sicfi .layuimini-main {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-container {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-container .layui-table-tool {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
@@ -64,7 +67,7 @@
|
||||
padding-right: 10px;
|
||||
position: relative;
|
||||
background-color: transparent;
|
||||
border: unset;
|
||||
border: 1px solid;
|
||||
color: rgb(126, 252, 246);
|
||||
text-shadow: rgb(126, 252, 246) 0px 0px 1px;
|
||||
background-color: rgb(126, 252, 246);
|
||||
@@ -99,6 +102,7 @@
|
||||
text-shadow: rgb(0, 255, 0) 0px 0px 1px;
|
||||
color: rgb(0, 255, 0);
|
||||
background-color: rgb(0, 255, 0);
|
||||
border: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layui-btn-success:hover::after {
|
||||
background-color: rgba(0, 255, 0, 0.2);
|
||||
@@ -107,6 +111,7 @@
|
||||
text-shadow: rgb(255, 0, 0) 0px 0px 1px;
|
||||
color: rgb(255, 0, 0);
|
||||
background-color: rgb(255, 0, 0);
|
||||
border: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layui-btn-danger:hover::after {
|
||||
background-color: rgba(255, 0, 0, 0.2);
|
||||
@@ -115,16 +120,31 @@
|
||||
text-shadow: rgb(255, 255, 153) 0px 0px 1px;
|
||||
color: rgb(255, 255, 153);
|
||||
background-color: rgb(255, 255, 153);
|
||||
border: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layuimini-btn-primary:hover::after {
|
||||
background-color: rgba(255, 255, 153, 0.2);
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layui-btn-primary {
|
||||
border: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layui-btn-normal {
|
||||
color: rgb(2, 17, 20);
|
||||
background-color: rgb(126, 252, 246);
|
||||
border: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layui-btn-normal::before {
|
||||
background-color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-btn.layui-btn-normal:hover::after {
|
||||
background-color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-table {
|
||||
background: rgba(126, 252, 246, 0.05);
|
||||
background: rgb(2, 17, 20);
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-table thead tr {
|
||||
background-color: rgba(126, 252, 246, 0.15);
|
||||
.elem-style-sicfi .layui-table tr {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
}
|
||||
.elem-style-sicfi .layui-table td {
|
||||
border-color: rgb(6, 216, 215);
|
||||
@@ -140,9 +160,22 @@
|
||||
}
|
||||
.elem-style-sicfi .layui-table-tool .layui-inline[lay-event] {
|
||||
color: rgb(126, 252, 246);
|
||||
border: none;
|
||||
position: relative;
|
||||
}
|
||||
.elem-style-sicfi .layui-table-tool .layui-inline[lay-event]::after {
|
||||
border-color: rgb(126, 252, 246);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
|
||||
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: calc(100% - 1px);
|
||||
height: calc(100% - 1px);
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
.elem-style-sicfi .layui-table tbody tr:hover {
|
||||
background-color: rgba(126, 252, 246, 0.1);
|
||||
@@ -221,4 +254,222 @@
|
||||
}
|
||||
.elem-style-sicfi .layui-laypage .layui-laypage-curr em {
|
||||
color: rgb(2, 17, 20) !important;
|
||||
}
|
||||
.elem-style-sicfi .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
|
||||
background-color: rgb(6, 216, 215);
|
||||
}
|
||||
.elem-style-sicfi .layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin=primary] i {
|
||||
border-color: rgb(126, 252, 246);
|
||||
background-color: rgb(126, 252, 246);
|
||||
color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
}
|
||||
.elem-style-sicfi .layui-table-init {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .box-border-line, .elem-style-sicfi .layui-card, .elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child) {
|
||||
position: relative;
|
||||
border: 1px solid rgb(6, 216, 215);
|
||||
border-width: 1px;
|
||||
}
|
||||
.elem-style-sicfi .box-border-line::before, .elem-style-sicfi .layui-card::before, .elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child)::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
transition: all 0.2s;
|
||||
border: 1px solid rgb(6, 216, 215);
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.elem-style-sicfi .box-border-line::after, .elem-style-sicfi .layui-card::after, .elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
transition: all 0.2s;
|
||||
border: 1px solid rgb(6, 216, 215);
|
||||
bottom: -3px;
|
||||
right: -3px;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
.elem-style-sicfi .box-border-line:hover::after, .elem-style-sicfi .layui-card:hover::after, .elem-style-sicfi .table-search-fieldset .layui-form-item:hover:not(:last-child)::after, .elem-style-sicfi .box-border-line:hover::before, .elem-style-sicfi .layui-card:hover::before, .elem-style-sicfi .table-search-fieldset .layui-form-item:hover:not(:last-child)::before {
|
||||
width: calc(100% + 3px);
|
||||
height: calc(100% + 3px);
|
||||
}
|
||||
.elem-style-sicfi .table-search-fieldset .layui-input-inline {
|
||||
margin-right: 0;
|
||||
}
|
||||
.elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.elem-style-sicfi .table-search-fieldset .layui-form-label {
|
||||
border: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-form-pane .layui-form-label {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-container .layui-form-select dl dd.layui-this {
|
||||
background-color: rgb(126, 252, 246) !important;
|
||||
color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-container .table-search-fieldset {
|
||||
color: rgb(126, 252, 246);
|
||||
border-color: rgb(6, 216, 215);
|
||||
}
|
||||
.elem-style-sicfi .layui-form-select dl {
|
||||
color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layui-nav-child {
|
||||
background-color: rgb(2, 17, 20);
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
|
||||
color: rgb(126, 252, 246) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-badge,
|
||||
.elem-style-sicfi .layui-badge-dot,
|
||||
.elem-style-sicfi .layui-badge-rim {
|
||||
background-color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-nav .layui-nav-child a:hover {
|
||||
background-color: rgba(62, 251, 251, 0.5);
|
||||
}
|
||||
.elem-style-sicfi .layui-table-tool-panel {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layui-form-checkbox[lay-skin=primary] span {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-table-tool-panel li:hover {
|
||||
background-color: rgba(62, 251, 251, 0.5);
|
||||
}
|
||||
.elem-style-sicfi .layui-side.layui-bg-black,
|
||||
.elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul,
|
||||
.elem-style-sicfi .layuimini-menu-left-zoom > ul {
|
||||
background-color: rgb(2, 17, 20) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-bg-blue {
|
||||
background-color: #0000ff !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-bg-orange {
|
||||
background-color: rgb(255, 255, 153) !important;
|
||||
color: rgb(2, 17, 20) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-bg-green {
|
||||
background-color: rgb(0, 255, 0) !important;
|
||||
color: rgb(2, 17, 20) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-table-hover {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
}
|
||||
.elem-style-sicfi .layui-table-grid-down {
|
||||
background-color: rgb(2, 17, 20);
|
||||
color: rgb(126, 252, 246);
|
||||
border-color: unset;
|
||||
}
|
||||
.elem-style-sicfi .layui-table-tips-main {
|
||||
background-color: rgb(126, 252, 246);
|
||||
color: rgb(2, 17, 20);
|
||||
}
|
||||
.elem-style-sicfi .layui-layout-admin .layui-header .layuimini-tool i {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .color-red {
|
||||
color: rgb(255, 0, 0) !important;
|
||||
}
|
||||
.elem-style-sicfi .layuimini-tab .layui-tab-title .layui-this span {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-card {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
border-radius: 0;
|
||||
}
|
||||
.elem-style-sicfi .layui-card .layui-card-header {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-text {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-notice:hover {
|
||||
background-color: rgba(62, 251, 251, 0.5);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-qiuck-module {
|
||||
cursor: pointer;
|
||||
}
|
||||
.elem-style-sicfi .layuimini-qiuck-module a i {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
color: rgba(62, 251, 251, 0.5);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-qiuck-module a cite {
|
||||
color: rgba(62, 251, 251, 0.5);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-qiuck-module:hover a i {
|
||||
background-color: rgba(62, 251, 251, 0.5);
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layuimini-qiuck-module:hover a cite {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-bg-number {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
}
|
||||
.elem-style-sicfi .layui-input,
|
||||
.elem-style-sicfi .layui-select,
|
||||
.elem-style-sicfi .layui-textarea {
|
||||
background-color: rgba(62, 251, 251, 0.05);
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-input:focus,
|
||||
.elem-style-sicfi .layui-textarea:focus {
|
||||
border-color: rgb(126, 252, 246) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-input:hover,
|
||||
.elem-style-sicfi .layui-textarea:hover {
|
||||
border-color: rgb(126, 252, 246) !important;
|
||||
}
|
||||
.elem-style-sicfi .layui-badge-rim,
|
||||
.elem-style-sicfi .layui-border,
|
||||
.elem-style-sicfi .layui-colla-content,
|
||||
.elem-style-sicfi .layui-colla-item,
|
||||
.elem-style-sicfi .layui-collapse,
|
||||
.elem-style-sicfi .layui-elem-field,
|
||||
.elem-style-sicfi .layui-form-pane .layui-form-item[pane],
|
||||
.elem-style-sicfi .layui-form-pane .layui-form-label,
|
||||
.elem-style-sicfi .layui-input,
|
||||
.elem-style-sicfi .layui-layedit,
|
||||
.elem-style-sicfi .layui-layedit-tool,
|
||||
.elem-style-sicfi .layui-panel,
|
||||
.elem-style-sicfi .layui-quote-nm,
|
||||
.elem-style-sicfi .layui-select,
|
||||
.elem-style-sicfi .layui-tab-bar,
|
||||
.elem-style-sicfi .layui-tab-card,
|
||||
.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);
|
||||
}
|
||||
.elem-style-sicfi .form-search .layui-input-inline input,
|
||||
.elem-style-sicfi .form-search .layui-input-inline select {
|
||||
border-width: 0 0 0 1px;
|
||||
}
|
||||
.elem-style-sicfi .layuimini-tab .layui-tab-tool .layui-nav-child {
|
||||
border-color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-nav .layui-nav-child a {
|
||||
color: rgb(126, 252, 246);
|
||||
}
|
||||
.elem-style-sicfi .layui-form-item {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.elem-style-sicfi .layuimini-upload .layuimini-upload-btn {
|
||||
background-color: rgb(2, 17, 20);
|
||||
}
|
||||
@@ -9,7 +9,7 @@ require.config({
|
||||
"echarts": ["plugs/echarts/echarts.min"],
|
||||
"echarts-theme": ["plugs/echarts/echarts-theme"],
|
||||
"easy-admin": ["plugs/easy-admin/easy-admin"],
|
||||
"layui": ["plugs/layui-v2.6.8/layui"],
|
||||
"layui": ["plugs/layui-v2.7.2/layui"],
|
||||
"miniAdmin": ["plugs/lay-module/layuimini/miniAdmin"],
|
||||
"miniMenu": ["plugs/lay-module/layuimini/miniMenu"],
|
||||
"miniTab": ["plugs/lay-module/layuimini/miniTab"],
|
||||
|
||||
@@ -722,24 +722,8 @@
|
||||
overflow : hidden;
|
||||
width : auto;
|
||||
height : auto;
|
||||
line-height : normal;
|
||||
border : none;
|
||||
display : inline-block;
|
||||
margin-top : -6px !important;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav-child .layui-nav-more {
|
||||
margin-top: -6px !important;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav .layui-nav-mored,
|
||||
.layuimini-menu-left .layui-nav-itemed>a .layui-nav-more {
|
||||
margin-top: -9px !important;
|
||||
}
|
||||
|
||||
.layuimini-menu-left-zoom.layui-nav .layui-nav-mored,
|
||||
.layuimini-menu-left-zoom.layui-nav-itemed>a .layui-nav-more {
|
||||
margin-top: -9px !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.layuimini-menu-left .layui-nav-more:before,
|
||||
@@ -769,7 +753,7 @@
|
||||
|
||||
/**修复左侧菜单字体不对齐的问题*/
|
||||
.layuimini-menu-left .layui-nav-item a .fa,
|
||||
.layuimini-menu-left .layui-nav-item a .layui-icon {
|
||||
.layuimini-menu-left .layui-nav-item a .layui-icon:first-child {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
*/
|
||||
define(["jquery"], function ($) {
|
||||
var element = layui.element,
|
||||
$ = layui.$,
|
||||
laytpl = layui.laytpl,
|
||||
layer = layui.layer;
|
||||
|
||||
@@ -54,16 +53,16 @@ define(["jquery"], function ($) {
|
||||
* 渲染一级菜单
|
||||
*/
|
||||
compileMenu: function(menu,isSub){
|
||||
var menuHtml = '<li {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}" {{#if( d.id){ }} id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }} <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}} </li>' ;
|
||||
var menuHtml = '<li {{#if( d.menu){ }} data-menu="{{-d.menu}}" {{#}}} class="layui-nav-item menu-li {{-d.childOpenClass}} {{-d.className}}" {{#if( d.id){ }} id="{{-d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{-d.href}}" {{#}}} {{#if( d.target){ }} target="{{-d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }} <i class="{{-d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{-d.title}}</span></a> {{# if(d.children){}} {{-d.children}} {{#}}} </li>' ;
|
||||
if(isSub){
|
||||
menuHtml = '<dd class="menu-dd {{d.childOpenClass}} {{ d.className }}"> <a href="javascript:;" {{#if( d.menu){ }} data-menu="{{d.menu}}" {{#}}} {{#if( d.id){ }} id="{{d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }} target="{{d.target}}" {{#}}}> {{#if( d.icon){ }} <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}}</dd>'
|
||||
menuHtml = '<dd class="menu-dd {{-d.childOpenClass}} {{ d.className }}"> <a href="javascript:;" {{#if( d.menu){ }} data-menu="{{-d.menu}}" {{#}}} {{#if( d.id){ }} id="{{-d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{-d.href}}" {{#}}} {{#if( d.target){ }} target="{{-d.target}}" {{#}}}> {{#if( d.icon){ }} <i class="{{-d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{-d.title}}</span></a> {{# if(d.children){}} {{-d.children}} {{#}}}</dd>'
|
||||
}
|
||||
return laytpl(menuHtml).render(menu);
|
||||
},
|
||||
compileMenuContainer :function(menu,isSub){
|
||||
var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{d.className}}" id="{{d.id}}">{{d.children}}</ul>' ;
|
||||
var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{-d.className}}" id="{{-d.id}}">{{-d.children}}</ul>' ;
|
||||
if(isSub){
|
||||
wrapperHtml = '<dl class="layui-nav-child ">{{d.children}}</dl>' ;
|
||||
wrapperHtml = '<dl class="layui-nav-child ">{{-d.children}}</dl>' ;
|
||||
}
|
||||
if(!menu.children){
|
||||
return "";
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#FAFAFA;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}
|
||||
1
public/static/plugs/layui-v2.7.2/css/layui.css
Normal file
1
public/static/plugs/layui-v2.7.2/css/modules/code.css
Normal file
@@ -0,0 +1 @@
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-view{display:block;position:relative;margin:10px 0;padding:0;border:1px solid #eee;border-left-width:6px;background-color:#fafafa;color:#333;font-family:Courier New;font-size:13px}.layui-code-h3{position:relative;padding:0 10px;height:40px;line-height:40px;border-bottom:1px solid #eee;font-size:12px}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 10px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view .layui-code-ol li:first-child{padding-top:10px}.layui-code-view .layui-code-ol li:last-child{padding-bottom:10px}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0c0c0c;border-left-color:#3f3f3f;background-color:#0c0c0c;color:#c2be9e}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3f3f3f;border-left:none}.layui-code-demo .layui-code{visibility:visible!important;margin:-15px;border-top:none;border-right:none;border-bottom:none}.layui-code-demo .layui-tab-content{padding:15px;border-top:none}
|
||||
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 701 B After Width: | Height: | Size: 701 B |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 299 KiB After Width: | Height: | Size: 299 KiB |