优化特效皮肤兼容性;升级layuidao 2.8.1;

This commit is contained in:
2023-04-27 20:38:40 +08:00
parent c0cc38af69
commit 78135f1fe1
14 changed files with 136 additions and 139 deletions

View File

@@ -27,7 +27,7 @@
}; };
</script> </script>
<script src="__STATIC__/common/js/app.js"></script> <script src="__STATIC__/common/js/app.js"></script>
<script src="__STATIC__/plugs/layui-v2.8.0/layui.js?v={$version}" charset="utf-8"></script> <script src="__STATIC__/plugs/layui-v2.8.1/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__/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> <script src="__STATIC__/config-admin.js?v={$version}" charset="utf-8"></script>
</head> </head>

View File

@@ -14,13 +14,14 @@ use think\facade\App;
class Version extends Command class Version extends Command
{ {
public const VERSION = 'v2.0.26';
const VERSION = 'v2.0.26'; public const LAYUI_VERSION = '2.8.1';
const LAYUI_VERSION = '2.8.0'; public const COMMENT = [
'升级layui2.8.1',
const COMMENT = [ '新增tableSelect组件支持where条件',
'引入并兼容layui2.8.0', '优化特效皮肤的兼容性',
]; ];
protected function configure() protected function configure()

View File

@@ -1,4 +1,4 @@
@import url("../../plugs/layui-v2.8.0/css/layui.css"); @import url("../../plugs/layui-v2.8.1/css/layui.css");
@import url("../../plugs/font-awesome-4.7.0/css/font-awesome.min.css"); @import url("../../plugs/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("../css/iconfont.css"); @import url("../css/iconfont.css");
@import url('../../plugs/jq-module/city-picker/css/city-picker.css'); @import url('../../plugs/jq-module/city-picker/css/city-picker.css');
@@ -642,8 +642,4 @@ table样式
[data-toggle="copy-text"].copy-rendered { [data-toggle="copy-text"].copy-rendered {
cursor: pointer; cursor: pointer;
}
#layuimini-bg-color {
background-color: #fff;
} }

View File

@@ -1,25 +1,25 @@
// 通常用于背景色 // 通常用于背景色
$black-color :rgb(2, 17, 20); $black-color :rgb(2, 17, 20);
// 通常用于字体颜色 // 通常用于字体颜色
$main-color :rgb(126, 252, 246); $main-color :rgb(126, 252, 246);
// 通常用于边框 // 通常用于边框
$less-main-color:rgb(6, 216, 215); $less-main-color:rgb(6, 216, 215);
$plus-main-color:rgb(0, 125, 124); $plus-main-color:rgb(0, 125, 124);
// 通常用于激活状态,通常跟背景色搭配 // 通常用于激活状态,通常跟背景色搭配
$cover-color :rgba(62, 251, 251, 0.05); $cover-color :rgba(62, 251, 251, 0.05);
// 更强的激活状态,适合做选项操作时使用 // 更强的激活状态,适合做选项操作时使用
$active-color :rgba(62, 251, 251, 0.5); $active-color :rgba(62, 251, 251, 0.5);
$red-color :rgb(255, 0, 0); $red-color :rgb(255, 0, 0);
$yellow-color:rgb(255, 255, 153); $yellow-color:rgb(255, 255, 153);
$green-color :rgb(0, 255, 0); $green-color :rgb(0, 255, 0);
& { & {
background-color: $black-color; background-color: $black-color;
color : $main-color; color: $main-color;
} }
.layuimini-main { .layuimini-main {
@@ -43,39 +43,39 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
padding-right: 25px; padding-right: 25px;
} }
clip-path : $box-shape; clip-path : $box-shape;
padding-right : 10px; padding-right : 10px;
position : relative; position : relative;
background-color: transparent; background-color: transparent;
border : 1px solid; border : 1px solid;
color : rgb(126, 252, 246); color : rgb(126, 252, 246);
text-shadow : rgb(126, 252, 246) 0px 0px 1px; text-shadow : rgb(126, 252, 246) 0px 0px 1px;
background-color: rgb(126, 252, 246); background-color: rgb(126, 252, 246);
&::before { &::before {
content : ''; content: '';
display : block; display: block;
position : absolute; position: absolute;
z-index : -1; z-index: -1;
clip-path : $box-shape; clip-path: $box-shape;
width : 100%; width: 100%;
height : 100%; height: 100%;
left : -0.5px; left: -0.5px;
top : -0.5px; top: -0.5px;
background-color: $black-color; background-color: $black-color;
} }
&:hover::after { &:hover::after {
content : ''; content: '';
display : block; display: block;
position : absolute; position: absolute;
z-index : -1; z-index: -1;
clip-path : $box-shape; clip-path: $box-shape;
width : 100%; width: 100%;
height : 100%; height: 100%;
left : -0.5px; left: -0.5px;
top : -0.5px; top: -0.5px;
background-color: rgba(126, 252, 246, 0.2); background-color: rgba(126, 252, 246, 0.2);
} }
@@ -86,10 +86,10 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
&.layui-btn-success { &.layui-btn-success {
text-shadow : rgb(0, 255, 0) 0px 0px 1px; text-shadow: rgb(0, 255, 0) 0px 0px 1px;
color : rgb(0, 255, 0); color: rgb(0, 255, 0);
background-color: rgba(0, 255, 0); background-color: rgba(0, 255, 0);
border : unset; border: unset;
&:hover::after { &:hover::after {
background-color: rgba(0, 255, 0, 0.2); background-color: rgba(0, 255, 0, 0.2);
@@ -97,10 +97,10 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
&.layui-btn-danger { &.layui-btn-danger {
text-shadow : rgb(255, 0, 0) 0px 0px 1px; text-shadow: rgb(255, 0, 0) 0px 0px 1px;
color : rgb(255, 0, 0); color: rgb(255, 0, 0);
background-color: rgb(255, 0, 0); background-color: rgb(255, 0, 0);
border : unset; border: unset;
&:hover::after { &:hover::after {
background-color: rgba(255, 0, 0, 0.2); background-color: rgba(255, 0, 0, 0.2);
@@ -108,10 +108,10 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
&.layuimini-btn-primary { &.layuimini-btn-primary {
text-shadow : rgb(255, 255, 153) 0px 0px 1px; text-shadow: rgb(255, 255, 153) 0px 0px 1px;
color : rgb(255, 255, 153); color: rgb(255, 255, 153);
background-color: rgb(255, 255, 153); background-color: rgb(255, 255, 153);
border : unset; border: unset;
&:hover::after { &:hover::after {
background-color: rgba(255, 255, 153, 0.2); background-color: rgba(255, 255, 153, 0.2);
@@ -124,9 +124,9 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
&.layui-btn-normal { &.layui-btn-normal {
color : $black-color; color: $black-color;
background-color: $main-color; background-color: $main-color;
border : unset; border: unset;
&::before { &::before {
background-color: $main-color; background-color: $main-color;
@@ -140,7 +140,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-table { .layui-table {
background: $black-color; background: $black-color;
color : $main-color; color: $main-color;
tr { tr {
@@ -166,22 +166,22 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
.layui-table-tool .layui-inline[lay-event] { .layui-table-tool .layui-inline[lay-event] {
color : $main-color; color: $main-color;
border : none; border: none;
position: relative; position: relative;
&::after { &::after {
border-color: $main-color; border-color: $main-color;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
clip-path : $box-shape; clip-path: $box-shape;
position : absolute; position: absolute;
left : 0; left: 0;
top : 0; top: 0;
width : calc(100% - 1px); width: calc(100% - 1px);
height : calc(100% - 1px); height: calc(100% - 1px);
content : ''; content: '';
display : block; display: block;
} }
} }
@@ -209,8 +209,8 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layuimini-color .elem-content li.layui-this { .layuimini-color .elem-content li.layui-this {
background-color: $main-color; background-color: $main-color;
color : $black-color !important; color: $black-color !important;
border-color : $less-main-color; border-color: $less-main-color;
} }
.layuimini-color .more-menu-item { .layuimini-color .more-menu-item {
@@ -227,7 +227,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layuimini-tab .layui-tab-title { .layuimini-tab .layui-tab-title {
background-color: $cover-color !important; background-color: $cover-color !important;
border-color : $less-main-color; border-color: $less-main-color;
} }
@@ -257,7 +257,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layuimini-tab .layui-tab-control>li { .layuimini-tab .layui-tab-control>li {
background-color: $black-color; background-color: $black-color;
border-color : $less-main-color; border-color: $less-main-color;
} }
.layuimini-tab .layui-tab-title li { .layuimini-tab .layui-tab-title li {
@@ -267,16 +267,16 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-flow-more a *, .layui-flow-more a *,
.layui-laypage input, .layui-laypage input,
.layui-table-view select[lay-ignore] { .layui-table-view select[lay-ignore] {
border-color : $less-main-color; border-color: $less-main-color;
background-color: $black-color; background-color: $black-color;
color : $main-color; color: $main-color;
} }
.layui-laypage button, .layui-laypage button,
.layui-laypage input { .layui-laypage input {
border-color : $less-main-color; border-color: $less-main-color;
background-color: $black-color; background-color: $black-color;
color : $main-color; color: $main-color;
} }
@@ -301,9 +301,9 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
.layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i { .layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i {
border-color : $main-color; border-color: $main-color;
background-color: $main-color; background-color: $main-color;
color : $black-color; color: $black-color;
} }
.layui-table-view .layui-form-checkbox[lay-skin="primary"] i { .layui-table-view .layui-form-checkbox[lay-skin="primary"] i {
@@ -315,36 +315,36 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
.box-border-line { .box-border-line {
position : relative; position: relative;
border : 1px solid $less-main-color; border: 1px solid $less-main-color;
border-width : 1px; border-width: 1px;
$border-offset: 3px; $border-offset: 3px;
&::before { &::before {
content : ''; content: '';
position : absolute; position: absolute;
width : 50px; width: 50px;
height : 20px; height: 20px;
transition : all 0.2s; transition: all 0.2s;
border : 1px solid $less-main-color; border: 1px solid $less-main-color;
top : -$border-offset; top: -$border-offset;
left : -$border-offset; left: -$border-offset;
border-right : none; border-right: none;
border-bottom : none; border-bottom: none;
pointer-events: none; pointer-events: none;
} }
&::after { &::after {
content : ""; content: "";
position : absolute; position: absolute;
width : 50px; width: 50px;
height : 20px; height: 20px;
transition : all 0.2s; transition: all 0.2s;
border : 1px solid $less-main-color; border: 1px solid $less-main-color;
bottom : -$border-offset; bottom: -$border-offset;
right : -$border-offset; right: -$border-offset;
border-left : none; border-left: none;
border-top : none; border-top: none;
pointer-events: none; pointer-events: none;
} }
@@ -352,7 +352,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
&::after, &::after,
&::before { &::before {
width : calc(100% + $border-offset); width: calc(100% + $border-offset);
height: calc(100% + $border-offset); height: calc(100% + $border-offset);
} }
} }
@@ -377,11 +377,11 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-form-pane .layui-form-label { .layui-form-pane .layui-form-label {
background-color: $cover-color; background-color: $cover-color;
color : $main-color; color: $main-color;
} }
.layuimini-container .table-search-fieldset { .layuimini-container .table-search-fieldset {
color : $main-color; color: $main-color;
border-color: $less-main-color; border-color: $less-main-color;
} }
@@ -390,19 +390,19 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-form-autocomplete { .layui-form-autocomplete {
dl { dl {
color : $main-color; color: $main-color;
background-color: $black-color; background-color: $black-color;
border-color : $less-main-color; border-color: $less-main-color;
dd { dd {
&.layui-this { &.layui-this {
background-color: $main-color !important; background-color: $main-color !important;
color : $black-color; color: $black-color;
} }
&:hover { &:hover {
background-color: $less-main-color !important; background-color: $less-main-color !important;
color : $black-color; color: $black-color;
} }
} }
} }
@@ -411,7 +411,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-iconpicker-item, .layui-iconpicker-item,
.layui-iconpicker-item:hover { .layui-iconpicker-item:hover {
border-color: $less-main-color !important; border-color: $less-main-color !important;
color : $black-color; color: $black-color;
.layui-iconpicker-icon:hover { .layui-iconpicker-icon:hover {
border-color: $less-main-color !important; border-color: $less-main-color !important;
@@ -421,7 +421,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-nav-child { .layui-nav-child {
background-color: $black-color; background-color: $black-color;
color : $main-color; color: $main-color;
} }
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a { .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
@@ -467,12 +467,12 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-bg-orange { .layui-bg-orange {
background-color: $yellow-color !important; background-color: $yellow-color !important;
color : $black-color !important; color: $black-color !important;
} }
.layui-bg-green { .layui-bg-green {
background-color: $green-color !important; background-color: $green-color !important;
color : $black-color !important; color: $black-color !important;
} }
.layui-table-hover { .layui-table-hover {
@@ -481,13 +481,13 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-table-grid-down { .layui-table-grid-down {
background-color: $black-color; background-color: $black-color;
color : $main-color; color: $main-color;
border-color : unset; border-color: unset;
} }
.layui-table-tips-main { .layui-table-tips-main {
background-color: $main-color; background-color: $main-color;
color : $black-color; color: $black-color;
} }
.layui-layout-admin .layui-header .layuimini-tool i { .layui-layout-admin .layui-header .layuimini-tool i {
@@ -505,7 +505,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-card { .layui-card {
background-color: $cover-color; background-color: $cover-color;
border-radius : 0; border-radius: 0;
@extend .box-border-line; @extend .box-border-line;
@@ -524,7 +524,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
a i { a i {
background-color: $cover-color; background-color: $cover-color;
color : $active-color; color: $active-color;
} }
a cite { a cite {
@@ -535,7 +535,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
&:hover { &:hover {
a i { a i {
background-color: $active-color; background-color: $active-color;
color : $main-color; color: $main-color;
} }
a cite { a cite {
@@ -555,7 +555,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.city-picker-span, .city-picker-span,
.main-input { .main-input {
background-color: $cover-color; background-color: $cover-color;
color : $main-color; color: $main-color;
} }
.city-picker-span>.title>span { .city-picker-span>.title>span {
@@ -563,7 +563,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
&:hover { &:hover {
background-color: $main-color; background-color: $main-color;
color : $black-color; color: $black-color;
} }
} }
@@ -574,9 +574,9 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
.layui-form-checked[lay-skin="primary"] i { .layui-form-checked[lay-skin="primary"] i {
border-color : $main-color !important; border-color: $main-color !important;
background-color: $main-color; background-color: $main-color;
color : $black-color; color: $black-color;
} }
.layui-input:focus, .layui-input:focus,
@@ -634,18 +634,18 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
.layui-layer { .layui-layer {
border : 1px solid $main-color; border: 1px solid $main-color;
background-color: $black-color; background-color: $black-color;
} }
.layui-layer-easy .layui-layer-title { .layui-layer-easy .layui-layer-title {
background-color: $plus-main-color !important; background-color: $plus-main-color !important;
color : $main-color !important; color: $main-color !important;
} }
.tableSelect { .tableSelect {
background-color: $black-color !important; background-color: $black-color !important;
border-color : $less-main-color !important; border-color: $less-main-color !important;
} }
.layui-table td, .layui-table td,
@@ -678,21 +678,21 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
} }
.hr-line { .hr-line {
color : $main-color; color: $main-color;
border-color : $less-main-color; border-color: $less-main-color;
background-color: $main-color; background-color: $main-color;
} }
.layui-layer-easy .layui-layer-btn { .layui-layer-easy .layui-layer-btn {
background-color: $black-color; background-color: $black-color;
border-top : 1px solid $less-main-color; border-top: 1px solid $less-main-color;
} }
.layui-layer-easy .layui-layer-btn .layui-layer-btn0 { .layui-layer-easy .layui-layer-btn .layui-layer-btn0 {
background-color: $main-color; background-color: $main-color;
border-color : $less-main-color; border-color: $less-main-color;
color : $main-color !important; color: $main-color !important;
clip-path : $box-shape; clip-path: $box-shape;
} }
.layui-layer-easy .layui-layer-btn a { .layui-layer-easy .layui-layer-btn a {
@@ -707,26 +707,26 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-nav-tree .layui-nav-item { .layui-nav-tree .layui-nav-item {
margin: 5px; margin: 5px;
width : calc(100% - 10px); width: calc(100% - 10px);
} }
.layui-nav .layui-nav-item { .layui-nav .layui-nav-item {
clip-path : $box-shape; clip-path: $box-shape;
color : $main-color; color: $main-color;
background-color: $active-color; background-color: $active-color;
&.layui-this a { &.layui-this a {
background-color: $main-color !important; background-color: $main-color !important;
color : $black-color !important; color: $black-color !important;
} }
&.layui-this { &.layui-this {
background-color: $main-color !important; background-color: $main-color !important;
color : $black-color !important; color: $black-color !important;
span { span {
background-color: $main-color !important; background-color: $main-color !important;
color : $black-color !important; color: $black-color !important;
} }
} }
@@ -771,7 +771,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this,
.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
background-color: $main-color !important; background-color: $main-color !important;
color : $black-color !important; color: $black-color !important;
.layui-left-nav { .layui-left-nav {
color: $black-color !important; color: $black-color !important;
@@ -780,7 +780,7 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-iconpicker-icon { .layui-iconpicker-icon {
border-color : $less-main-color !important; border-color: $less-main-color !important;
background-color: $less-main-color !important; background-color: $less-main-color !important;
} }
@@ -796,4 +796,4 @@ $box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%,
.layui-header .layui-nav-child dd.layui-this, .layui-header .layui-nav-child dd.layui-this,
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
background-color: $active-color !important; background-color: $active-color !important;
} }

View File

@@ -9,7 +9,7 @@ require.config({
"echarts": ["plugs/echarts/echarts.min"], "echarts": ["plugs/echarts/echarts.min"],
"echarts-theme": ["plugs/echarts/echarts-theme"], "echarts-theme": ["plugs/echarts/echarts-theme"],
"easy-admin": ["plugs/easy-admin/easy-admin"], "easy-admin": ["plugs/easy-admin/easy-admin"],
"layui": ["plugs/layui-v2.8.0/layui"], "layui": ["plugs/layui-v2.8.1/layui"],
"miniAdmin": ["plugs/lay-module/layuimini/miniAdmin"], "miniAdmin": ["plugs/lay-module/layuimini/miniAdmin"],
"miniMenu": ["plugs/lay-module/layuimini/miniMenu"], "miniMenu": ["plugs/lay-module/layuimini/miniMenu"],
"miniTab": ["plugs/lay-module/layuimini/miniTab"], "miniTab": ["plugs/lay-module/layuimini/miniTab"],

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 321 KiB

After

Width:  |  Height:  |  Size: 321 KiB

File diff suppressed because one or more lines are too long

View File

@@ -10,8 +10,8 @@
<title>ulthon_admin | 一款基于ThinkPHP6.0和Layui的快速开发的后台管理框架系统</title> <title>ulthon_admin | 一款基于ThinkPHP6.0和Layui的快速开发的后台管理框架系统</title>
<link rel="stylesheet" href="//layui.ulthon.com/cdn/layui-ul.css"> <link rel="stylesheet" href="//layui.ulthon.com/cdn/layui-ul.css">
<link rel="stylesheet" href="__STATIC__/common/css/welcome.css?v={$version}"> <link rel="stylesheet" href="__STATIC__/common/css/welcome.css?v={$version}">
<link rel="stylesheet" href="/static/plugs/layui-v2.8.0/css/layui.css"> <link rel="stylesheet" href="/static/plugs/layui-v2.8.1/css/layui.css">
<script src="/static/plugs/layui-v2.8.0/layui.js"></script> <script src="/static/plugs/layui-v2.8.1/layui.js"></script>
</head> </head>