manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增亮蓝主题

Browse Source
This commit is contained in:
thinkgem
2020-06-08 12:42:02 +08:00
parent 94102a2ea4
commit dc5b89470d
4 changed files with 242 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
modules/core/src/main/resources/views/modules/sys/switchSkin.html
View File

@@ -6,7 +6,7 @@
.full-opacity-hover:hover{border:1px solid #f00;}
</style>
<ul class="list-unstyled clearfix">
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-light-blue-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-light-blue"></span>
@@ -15,7 +15,7 @@
</a>
<p class="text-center no-margin">蓝</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;display:none;">
<li style="float:left;width:16.66666%;padding:5px;display:none;">
<a href="javascript:" data-skin="skin-black" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#fefefe"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#fefefe"></span>
@@ -24,16 +24,16 @@
</a>
<p class="text-center no-margin">白</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-black2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#303643"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#303643"></span>
<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
</a>
<p class="text-center no-margin">黑（经典）</p>
<p class="text-center no-margin">黑-经典</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-purple" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-purple-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-purple"></span>
@@ -42,7 +42,7 @@
</a>
<p class="text-center no-margin">紫</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-green" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-green-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-green"></span>
@@ -51,7 +51,7 @@
</a>
<p class="text-center no-margin">绿</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-red" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-red-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-red"></span>
@@ -60,7 +60,7 @@
</a>
<p class="text-center no-margin">红</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-yellow" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-yellow-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-yellow"></span>
@@ -69,16 +69,16 @@
</a>
<p class="text-center no-margin">黄</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#254b83;"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#2a579a;"></span>
<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
</a>
<p class="text-center no-margin">蓝灰（经典）</p>
<p class="text-center no-margin">蓝灰-经典</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;display:none;">
<li style="float:left;width:16.66666%;padding:5px;display:none;">
<a href="javascript:" data-skin="skin-black-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#fefefe"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#fefefe"></span>
@@ -87,7 +87,7 @@
</a>
<p class="text-center no-margin">白灰</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-black-light2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#303643"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#303643"></span>
@@ -96,7 +96,7 @@
</a>
<p class="text-center no-margin">黑灰</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-purple-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-purple-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-purple"></span>
@@ -105,7 +105,7 @@
</a>
<p class="text-center no-margin">紫灰</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-green-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-green-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-green"></span>
@@ -114,7 +114,7 @@
</a>
<p class="text-center no-margin">绿灰</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-red-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-red-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-red"></span>
@@ -123,7 +123,7 @@
</a>
<p class="text-center no-margin">红灰</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-yellow-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;" class="bg-yellow-active"></span>
<span style="display:block;width:80%;float:left;height:13px;" class="bg-yellow"></span>
@@ -132,7 +132,16 @@
</a>
<p class="text-center no-margin">黄灰</p>
</li>
<li style="float:left;width:33.33333%;padding:5px;">
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#1648ab"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#1951be"></span>
<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
</a>
<p class="text-center no-margin">亮蓝（新）</p>
</li>
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue-light2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#1681e5"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#1890ff"></span>

2
modules/core/src/main/resources/views/themes/default/modules/sys/sysIndex/topMenu.html
View File

@@ -11,7 +11,7 @@
<ul class="nav navbar-nav">
<% include('topMenuCorp.html'){} %>
<li><a href="javascript:" id="fullScreen" title="${text('全屏')}" data-placement="bottom" data-container="body"><i class="fa fa-arrows-alt"></i></a></li>
<li><a href="javascript:" id="switchSkin" title="${text('切换主题')}" style="margin-top:-1px;" data-placement="bottom" data-container="body"><i class="fa fa-dashboard"></i></a></li>
<li><a href="javascript:" id="switchSkin" title="${text('切换主题')}" style="margin-top:-1px;" data-placement="bottom" data-container="body" data-layer-width="560" data-layer-height="290"><i class="fa fa-dashboard"></i></a></li>
<% include('topMenuLang.html'){} %>
<% include('topMenuOnline.html'){} %>
<% include('topMenuMsg.html'){} %>