Skip to content

S
Skyeye

doc_wei / Skyeye

通知 1182
Star 154
Fork 127
S
Skyeye
提交 6e26adef 编写于 作者: doc_wei's avatar doc_wei
浏览文件
操作

feat: 新增样式方案

上级 4a6ef6f7
显示空白变更内容
内联 并排
Showing with 603 addition and 27 deletion
web/src/main/resources/template/assets/lib/winui/css/customer/systemStyle.css
浏览文件 @ 6e26adef
/*********第一套样式开始**********/
.white-1995dc .tradition-left{
border-right: 2px solid #F2F2F2 !important;
}
.white-1995dc .tradition-left-center ul,
.white-1995dc .tradition-left-bottom,
.white-1995dc .tradition-right-top .layui-layout-right .adropdown caption,
.white-1995dc .tradition-right-top .layui-layout-right .adropdown tbody{
.white-1995dc .tradition-right-top .layui-layout-right .adropdown tbody {
background-color: white !important;
}
.white-1995dc .tradition-left-center ul .layui-nav-child dd{
.white-1995dc .tradition-left-center ul .layui-nav-child dd {
background: #F2F2F2 !important;
}
.white-1995dc .tradition-left-center ul i,
.white-1995dc .tradition-left-center ul cite,
.white-1995dc .tradition-left-bottom i,
.white-1995dc .tradition-left-bottom font{
.white-1995dc .tradition-left-bottom font {
color: #555555 !important;
}
......@@ -27,48 +23,572 @@
.white-1995dc .tradition-right-top .layui-layout-right,
.white-1995dc .tradition-right-top .layui-layout-right .adropdown,
.white-1995dc .tradition-right-top .layui-layout-right .layui-input-search,
.white-1995dc .tradition-right-top .desktop-menu-box li{
.white-1995dc .tradition-right-top .desktop-menu-box li {
background-color: #1995dc !important;
}
.white-1995dc .tradition-right-top .layui-layout-right .layui-input-search,
.white-1995dc .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder{
.white-1995dc .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-1995dc .tradition-right-top .desktop-menu-box .select{
.white-1995dc .tradition-right-top .desktop-menu-box .select {
background-color: #178acc !important;
}
.white-1995dc .tradition-left-top span,
.white-1995dc .tradition-right-top span,
.white-1995dc .tradition-right-top .layui-layout-left i,
.white-1995dc .tradition-right-top .layui-layout-right .layui-nav-item>a>i,
.white-1995dc .tradition-right-top .layui-layout-right font{
.white-1995dc .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-1995dc .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-1995dc .tradition-right-top .layui-layout-right .layui-nav-more{
.white-1995dc .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-1995dc .tradition-right-top .layui-layout-right .layui-nav-mored{
.white-1995dc .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #178acc !important;
}
.white-1995dc .tradition-left-center .layui-nav-item>.menu-box-none:HOVER,
.white-1995dc .tradition-left-center .layui-nav-item .page-item-click:HOVER{
.white-1995dc .tradition-left-center .layui-nav-item > .menu-box-none:HOVER,
.white-1995dc .tradition-left-center .layui-nav-item .page-item-click:HOVER {
background-color: #F5F5F5 !important;
}
.white-1995dc .tradition-left-center ul .layui-nav-itemed .layui-nav-more{
.white-1995dc .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-1995dc .tradition-left-center ul .layui-nav-more{
.white-1995dc .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第一套样式结束**********/
/*********第二套样式开始**********/
.white-3c8dbc .tradition-left-center ul,
.white-3c8dbc .tradition-left-bottom,
.white-3c8dbc .tradition-right-top .layui-layout-right .adropdown caption,
.white-3c8dbc .tradition-right-top .layui-layout-right .adropdown tbody {
background-color: white !important;
}
.white-3c8dbc .tradition-left-center ul .layui-nav-child dd {
background: #F2F2F2 !important;
}
.white-3c8dbc .tradition-left-center ul i,
.white-3c8dbc .tradition-left-center ul cite,
.white-3c8dbc .tradition-left-bottom i,
.white-3c8dbc .tradition-left-bottom font {
color: #555555 !important;
}
.white-3c8dbc .tradition-left-top,
.white-3c8dbc .tradition-right-top,
.white-3c8dbc .tradition-right-top .layui-layout-left,
.white-3c8dbc .tradition-right-top .layui-layout-right,
.white-3c8dbc .tradition-right-top .layui-layout-right .adropdown,
.white-3c8dbc .tradition-right-top .layui-layout-right .layui-input-search,
.white-3c8dbc .tradition-right-top .desktop-menu-box li {
background-color: #3c8dbc !important;
}
.white-3c8dbc .tradition-right-top .layui-layout-right .layui-input-search,
.white-3c8dbc .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-3c8dbc .tradition-right-top .desktop-menu-box .select {
background-color: #3c8dbc !important;
}
.white-3c8dbc .tradition-left-top span,
.white-3c8dbc .tradition-right-top span,
.white-3c8dbc .tradition-right-top .layui-layout-left i,
.white-3c8dbc .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-3c8dbc .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-3c8dbc .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-3c8dbc .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #3c8dbc !important;
}
.white-3c8dbc .tradition-left-center .layui-nav-item > .menu-box-none:HOVER,
.white-3c8dbc .tradition-left-center .layui-nav-item .page-item-click:HOVER {
background-color: #F5F5F5 !important;
}
.white-3c8dbc .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-3c8dbc .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第二套样式结束**********/
/*********第三套样式开始**********/
.white-605ca8 .tradition-left-center ul,
.white-605ca8 .tradition-left-bottom,
.white-605ca8 .tradition-right-top .layui-layout-right .adropdown caption,
.white-605ca8 .tradition-right-top .layui-layout-right .adropdown tbody {
background-color: white !important;
}
.white-605ca8 .tradition-left-center ul .layui-nav-child dd {
background: #F2F2F2 !important;
}
.white-605ca8 .tradition-left-center ul i,
.white-605ca8 .tradition-left-center ul cite,
.white-605ca8 .tradition-left-bottom i,
.white-605ca8 .tradition-left-bottom font {
color: #555555 !important;
}
.white-605ca8 .tradition-left-top,
.white-605ca8 .tradition-right-top,
.white-605ca8 .tradition-right-top .layui-layout-left,
.white-605ca8 .tradition-right-top .layui-layout-right,
.white-605ca8 .tradition-right-top .layui-layout-right .adropdown,
.white-605ca8 .tradition-right-top .layui-layout-right .layui-input-search,
.white-605ca8 .tradition-right-top .desktop-menu-box li {
background-color: #605ca8 !important;
}
.white-605ca8 .tradition-right-top .layui-layout-right .layui-input-search,
.white-605ca8 .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-605ca8 .tradition-right-top .desktop-menu-box .select {
background-color: #605ca8 !important;
}
.white-605ca8 .tradition-left-top span,
.white-605ca8 .tradition-right-top span,
.white-605ca8 .tradition-right-top .layui-layout-left i,
.white-605ca8 .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-605ca8 .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-605ca8 .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-605ca8 .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #605ca8 !important;
}
.white-605ca8 .tradition-left-center .layui-nav-item > .menu-box-none:HOVER,
.white-605ca8 .tradition-left-center .layui-nav-item .page-item-click:HOVER {
background-color: #F5F5F5 !important;
}
.white-605ca8 .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-605ca8 .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第三套样式结束**********/
/*********第四套样式开始**********/
.white-EEA9B8 .tradition-left-center ul,
.white-EEA9B8 .tradition-left-bottom,
.white-EEA9B8 .tradition-right-top .layui-layout-right .adropdown caption,
.white-EEA9B8 .tradition-right-top .layui-layout-right .adropdown tbody {
background-color: white !important;
}
.white-EEA9B8 .tradition-left-center ul .layui-nav-child dd {
background: #F2F2F2 !important;
}
.white-EEA9B8 .tradition-left-center ul i,
.white-EEA9B8 .tradition-left-center ul cite,
.white-EEA9B8 .tradition-left-bottom i,
.white-EEA9B8 .tradition-left-bottom font {
color: #555555 !important;
}
.white-EEA9B8 .tradition-left-top,
.white-EEA9B8 .tradition-right-top,
.white-EEA9B8 .tradition-right-top .layui-layout-left,
.white-EEA9B8 .tradition-right-top .layui-layout-right,
.white-EEA9B8 .tradition-right-top .layui-layout-right .adropdown,
.white-EEA9B8 .tradition-right-top .layui-layout-right .layui-input-search,
.white-EEA9B8 .tradition-right-top .desktop-menu-box li {
background-color: #EEA9B8 !important;
}
.white-EEA9B8 .tradition-right-top .layui-layout-right .layui-input-search,
.white-EEA9B8 .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-EEA9B8 .tradition-right-top .desktop-menu-box .select {
background-color: #EEA9B8 !important;
}
.white-EEA9B8 .tradition-left-top span,
.white-EEA9B8 .tradition-right-top span,
.white-EEA9B8 .tradition-right-top .layui-layout-left i,
.white-EEA9B8 .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-EEA9B8 .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-EEA9B8 .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-EEA9B8 .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #EEA9B8 !important;
}
.white-EEA9B8 .tradition-left-center .layui-nav-item > .menu-box-none:HOVER,
.white-EEA9B8 .tradition-left-center .layui-nav-item .page-item-click:HOVER {
background-color: #F5F5F5 !important;
}
.white-EEA9B8 .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-EEA9B8 .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第四套样式结束**********/
/*********第五套样式开始**********/
.white-1995dc-bl .tradition-left-top,
.white-1995dc-bl .tradition-right-top,
.white-1995dc-bl .tradition-right-top .layui-layout-left,
.white-1995dc-bl .tradition-right-top .layui-layout-right,
.white-1995dc-bl .tradition-right-top .layui-layout-right .adropdown,
.white-1995dc-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-1995dc-bl .tradition-right-top .desktop-menu-box li {
background-color: #1995dc !important;
}
.white-1995dc-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-1995dc-bl .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-1995dc-bl .tradition-right-top .desktop-menu-box .select {
background-color: #1995dc !important;
}
.white-1995dc-bl .tradition-left-top span,
.white-1995dc-bl .tradition-right-top span,
.white-1995dc-bl .tradition-right-top .layui-layout-left i,
.white-1995dc-bl .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-1995dc-bl .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-1995dc-bl .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-1995dc-bl .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #1995dc !important;
}
.white-1995dc-bl .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-1995dc-bl .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第五套样式结束**********/
/*********第六套样式开始**********/
.white-605ca8-bl .tradition-left-top,
.white-605ca8-bl .tradition-right-top,
.white-605ca8-bl .tradition-right-top .layui-layout-left,
.white-605ca8-bl .tradition-right-top .layui-layout-right,
.white-605ca8-bl .tradition-right-top .layui-layout-right .adropdown,
.white-605ca8-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-605ca8-bl .tradition-right-top .desktop-menu-box li {
background-color: #605ca8 !important;
}
.white-605ca8-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-605ca8-bl .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-605ca8-bl .tradition-right-top .desktop-menu-box .select {
background-color: #605ca8 !important;
}
.white-605ca8-bl .tradition-left-top span,
.white-605ca8-bl .tradition-right-top span,
.white-605ca8-bl .tradition-right-top .layui-layout-left i,
.white-605ca8-bl .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-605ca8-bl .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-605ca8-bl .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-605ca8-bl .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #605ca8 !important;
}
.white-605ca8-bl .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-605ca8-bl .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第六套样式结束**********/
/*********第七套样式开始**********/
.white-00a65a-bl .tradition-left-top,
.white-00a65a-bl .tradition-right-top,
.white-00a65a-bl .tradition-right-top .layui-layout-left,
.white-00a65a-bl .tradition-right-top .layui-layout-right,
.white-00a65a-bl .tradition-right-top .layui-layout-right .adropdown,
.white-00a65a-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-00a65a-bl .tradition-right-top .desktop-menu-box li {
background-color: #00a65a !important;
}
.white-00a65a-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-00a65a-bl .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-00a65a-bl .tradition-right-top .desktop-menu-box .select {
background-color: #00a65a !important;
}
.white-00a65a-bl .tradition-left-top span,
.white-00a65a-bl .tradition-right-top span,
.white-00a65a-bl .tradition-right-top .layui-layout-left i,
.white-00a65a-bl .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-00a65a-bl .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-00a65a-bl .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-00a65a-bl .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #00a65a !important;
}
.white-00a65a-bl .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-00a65a-bl .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第七套样式结束**********/
/*********第八套样式开始**********/
.white-e08e0b-bl .tradition-left-top,
.white-e08e0b-bl .tradition-right-top,
.white-e08e0b-bl .tradition-right-top .layui-layout-left,
.white-e08e0b-bl .tradition-right-top .layui-layout-right,
.white-e08e0b-bl .tradition-right-top .layui-layout-right .adropdown,
.white-e08e0b-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-e08e0b-bl .tradition-right-top .desktop-menu-box li {
background-color: #e08e0b !important;
}
.white-e08e0b-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-e08e0b-bl .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-e08e0b-bl .tradition-right-top .desktop-menu-box .select {
background-color: #e08e0b !important;
}
.white-e08e0b-bl .tradition-left-top span,
.white-e08e0b-bl .tradition-right-top span,
.white-e08e0b-bl .tradition-right-top .layui-layout-left i,
.white-e08e0b-bl .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-e08e0b-bl .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-e08e0b-bl .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-e08e0b-bl .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #e08e0b !important;
}
.white-e08e0b-bl .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-e08e0b-bl .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第八套样式结束**********/
/*********第九套样式开始**********/
.white-d73925-bl .tradition-left-top,
.white-d73925-bl .tradition-right-top,
.white-d73925-bl .tradition-right-top .layui-layout-left,
.white-d73925-bl .tradition-right-top .layui-layout-right,
.white-d73925-bl .tradition-right-top .layui-layout-right .adropdown,
.white-d73925-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-d73925-bl .tradition-right-top .desktop-menu-box li {
background-color: #d73925 !important;
}
.white-d73925-bl .tradition-right-top .layui-layout-right .layui-input-search,
.white-d73925-bl .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-d73925-bl .tradition-right-top .desktop-menu-box .select {
background-color: #d73925 !important;
}
.white-d73925-bl .tradition-left-top span,
.white-d73925-bl .tradition-right-top span,
.white-d73925-bl .tradition-right-top .layui-layout-left i,
.white-d73925-bl .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-d73925-bl .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-d73925-bl .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-d73925-bl .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #d73925 !important;
}
.white-d73925-bl .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-d73925-bl .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第九套样式结束**********/
/*********第十套样式开始**********/
.white-d73925 .tradition-left-center ul,
.white-d73925 .tradition-left-bottom,
.white-d73925 .tradition-right-top .layui-layout-right .adropdown caption,
.white-d73925 .tradition-right-top .layui-layout-right .adropdown tbody {
background-color: white !important;
}
.white-d73925 .tradition-left-center ul .layui-nav-child dd {
background: #F2F2F2 !important;
}
.white-d73925 .tradition-left-center ul i,
.white-d73925 .tradition-left-center ul cite,
.white-d73925 .tradition-left-bottom i,
.white-d73925 .tradition-left-bottom font {
color: #555555 !important;
}
.white-d73925 .tradition-left-top,
.white-d73925 .tradition-right-top,
.white-d73925 .tradition-right-top .layui-layout-left,
.white-d73925 .tradition-right-top .layui-layout-right,
.white-d73925 .tradition-right-top .layui-layout-right .adropdown,
.white-d73925 .tradition-right-top .layui-layout-right .layui-input-search,
.white-d73925 .tradition-right-top .desktop-menu-box li {
background-color: #d73925 !important;
}
.white-d73925 .tradition-right-top .layui-layout-right .layui-input-search,
.white-d73925 .tradition-right-top .layui-layout-right .layui-input-search::-webkit-input-placeholder {
color: white !important;
}
.white-d73925 .tradition-right-top .desktop-menu-box .select {
background-color: #d73925 !important;
}
.white-d73925 .tradition-left-top span,
.white-d73925 .tradition-right-top span,
.white-d73925 .tradition-right-top .layui-layout-left i,
.white-d73925 .tradition-right-top .layui-layout-right .layui-nav-item > a > i,
.white-d73925 .tradition-right-top .layui-layout-right font {
color: white !important;
}
.white-d73925 .tradition-right-top .layui-layout-right .layui-nav-more {
border-top-color: white !important;
}
.white-d73925 .tradition-right-top .layui-layout-right .layui-nav-mored {
border-bottom-color: white !important;
border-top-color: #d73925 !important;
}
.white-d73925 .tradition-left-center .layui-nav-item > .menu-box-none:HOVER,
.white-d73925 .tradition-left-center .layui-nav-item .page-item-click:HOVER {
background-color: #F5F5F5 !important;
}
.white-d73925 .tradition-left-center ul .layui-nav-itemed .layui-nav-more {
border-bottom-color: #555555 !important;
border-top-color: white;
}
.white-d73925 .tradition-left-center ul .layui-nav-more {
border-top-color: #555555;
}
/*********第十套样式结束**********/
\ No newline at end of file
web/src/main/resources/template/assets/lib/winui/css/winui.css
浏览文件 @ 6e26adef
......@@ -7372,7 +7372,7 @@ body .layer-ext-winconfirm .layui-layer-content {
.tradition-left .tradition-left-top{
width: 100%;
height: 50px;
background-color: #20222A !important;
background-color: #20222A;
text-align: center;
overflow: hidden;
font-weight: 300;
......@@ -7439,7 +7439,7 @@ body .layer-ext-winconfirm .layui-layer-content {
}
.tradition-right{
width: calc(100% - 220px);
width: calc(100% - 218px);
height: 100%;
float: right;
}
......@@ -8085,7 +8085,7 @@ select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ po
vertical-align: top;
width: 80px;
height: 50px;
margin: 0 15px 15px 0;
margin: 0 10px 15px 0;
background-color: #f2f2f2;
cursor: pointer;
font-size: 12px;
......
web/src/main/resources/template/js/traditionpage/index.js
浏览文件 @ 6e26adef
......@@ -301,7 +301,7 @@ layui.config({
shadeClose: true,
closeBtn: 0,
shade: 0.3,
area: ['380px', '95%'],
area: ['400px', '95%'],
offset: 'rb',
content: '../../tpl/colorScheme/colorScheme.html'
});
......@@ -344,10 +344,10 @@ layui.config({
$(".tradition-right").animate({width: "100%"});
} else {// 收缩状态
notOrContraction = false;
$(".tradition-left").animate({width: "220px"});
$(".tradition-left").animate({width: "218px"});
var _width = $("body").width();
$(".tradition-right").animate({width: (_width - 220) + "px"}, function () {
$(this).css({width:"calc(100% - 220px)"})
$(this).css({width:"calc(100% - 218px)"})
});
}
});
......
web/src/main/resources/template/tpl/colorScheme/colorScheme.html
浏览文件 @ 6e26adef
......@@ -12,15 +12,71 @@
<li class="layadmin-setTheme-color-scheme" className="black-white">
<div class="layadmin-setTheme-header" style="background-color: white;"></div>
<div class="layadmin-setTheme-side" style="background-color: #20222A;">
<div class="layadmin-setTheme-logo" style="background-color: undefined;"></div>
<div class="layadmin-setTheme-logo"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-1995dc-bl">
<div class="layadmin-setTheme-header" style="background-color: #1995dc;"></div>
<div class="layadmin-setTheme-side" style="background-color: #20222A;">
<div class="layadmin-setTheme-logo" style="background-color: #1995dc;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-605ca8-bl">
<div class="layadmin-setTheme-header" style="background-color: #605ca8;"></div>
<div class="layadmin-setTheme-side" style="background-color: #20222A;">
<div class="layadmin-setTheme-logo" style="background-color: #605ca8;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-00a65a-bl">
<div class="layadmin-setTheme-header" style="background-color: #00a65a;"></div>
<div class="layadmin-setTheme-side" style="background-color: #20222A;">
<div class="layadmin-setTheme-logo" style="background-color: #00a65a;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-e08e0b-bl">
<div class="layadmin-setTheme-header" style="background-color: #e08e0b;"></div>
<div class="layadmin-setTheme-side" style="background-color: #20222A;">
<div class="layadmin-setTheme-logo" style="background-color: #e08e0b;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-d73925-bl">
<div class="layadmin-setTheme-header" style="background-color: #d73925;"></div>
<div class="layadmin-setTheme-side" style="background-color: #20222A;">
<div class="layadmin-setTheme-logo" style="background-color: #d73925;"></div>
</div>
</li>
<br/>
<li class="layadmin-setTheme-color-scheme" className="white-1995dc">
<div class="layadmin-setTheme-header" style="background-color: #1995dc;"></div>
<div class="layadmin-setTheme-side" style="background-color: #white;">
<div class="layadmin-setTheme-side">
<div class="layadmin-setTheme-logo" style="background-color: #1995dc;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-3c8dbc">
<div class="layadmin-setTheme-header" style="background-color: #3c8dbc;"></div>
<div class="layadmin-setTheme-side">
<div class="layadmin-setTheme-logo" style="background-color: #3c8dbc;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-605ca8">
<div class="layadmin-setTheme-header" style="background-color: #605ca8;"></div>
<div class="layadmin-setTheme-side">
<div class="layadmin-setTheme-logo" style="background-color: #605ca8;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-EEA9B8">
<div class="layadmin-setTheme-header" style="background-color: #EEA9B8;"></div>
<div class="layadmin-setTheme-side">
<div class="layadmin-setTheme-logo" style="background-color: #EEA9B8;"></div>
</div>
</li>
<li class="layadmin-setTheme-color-scheme" className="white-d73925">
<div class="layadmin-setTheme-header" style="background-color: #d73925;"></div>
<div class="layadmin-setTheme-side">
<div class="layadmin-setTheme-logo" style="background-color: #d73925;"></div>
</div>
</li>
</ul>
</div>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或