升级最新layui2.7;完善科幻风样式;

This commit is contained in:
2022-07-01 23:11:32 +08:00
parent 8bbce5e2ba
commit ec7f8a7479
27 changed files with 619 additions and 55 deletions

View File

@@ -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>

View File

@@ -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");

View File

@@ -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;
}

View File

@@ -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);
}

View File

@@ -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"],

View File

@@ -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;
}

View File

@@ -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 "";

File diff suppressed because one or more lines are too long

View File

@@ -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}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View 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}

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 299 KiB

After

Width:  |  Height:  |  Size: 299 KiB

File diff suppressed because one or more lines are too long