Tenlion/wg-basic
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整导航样式

Browse Source
This commit is contained in:
wanggeng 2022-06-30 17:54:44 +08:00
parent d83aa7aa36
commit 9f75c0f7f3
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
login-base/src/main/resources/templates/default-main.html
View File

@ -14,11 +14,19 @@
<link rel="stylesheet" href="assets/layuiadmin/style/default-main.css" media="all">
<style>
.system-nav-box {}
.system-nav-box .system-box {display:none;background-color: #fff;width: 260px;position: absolute;top: 50px;left: -50px;border: 1px solid #f6f6f6; overflow: hidden;}
.system-nav-box .system-box .system-item-list {width: 280px; max-height: 140px; overflow: auto;}
.system-nav-box .system-box .system-item-list .system-item {text-align: left; padding: 0 35px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: 1px solid #f6f6f6;}
.system-nav-box .system-box .system-item-list .system-item:last-child {border-bottom: none;}
.system-nav-box .system-box .system-item-list .system-item i {}
.system-nav-box .system-box {display:none;background-color: #fff;width: 310px;position: absolute;top: 50px;left: -50px;border: 1px solid #f6f6f6; overflow: hidden;}
.system-nav-box .system-box .system-item-list {width: 330px; max-height: 310px; overflow: auto; padding-bottom: 10px;}
.system-nav-box .system-box .system-item-list .system-item {background-color: red; color: #FFF; text-align: left; width: 60px; height: 60px; margin-left: 10px; margin-top: 10px; padding: 15px;border-bottom: 1px solid #f6f6f6; float: left}
.system-nav-box .system-box .system-item-list .system-item .icon {text-align: center; line-height: 40px;}
.system-nav-box .system-box .system-item-list .system-item .icon i{font-size: 30px;}
.system-nav-box .system-box .system-item-list .system-item .text {text-align: center; line-height: 20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.system-nav-box .system-box .system-item-list .system-item-bg0 {background-color: #3D69FF}
.system-nav-box .system-box .system-item-list .system-item-bg1 {background-color: #797FF5}
.system-nav-box .system-box .system-item-list .system-item-bg2 {background-color: #DF610D}
.system-nav-box .system-box .system-item-list .system-item-bg3 {background-color: #1AA7EC}
.system-nav-box .system-box .system-item-list .system-item-bg4 {background-color: #1E2F96}
.system-nav-box .system-box .system-item-list .system-item-bg5 {background-color: #2C67CC}
.system-nav-box .system-box .system-item-list .system-item-bg6 {background-color: #EA4A5D}
</style>
<style th:if="${menuMode eq 'floatLeft'}">
.layui-side-menu-hidden {display: none;}
@ -54,11 +62,11 @@
</a>
<div class="system-box">
<div class="system-item-list">
<a th:href="${system.menuUrl}" class="system-item" th:title="${system.menuName}" th:each="system: ${systems}" style="color: #000 !important;">
<span>
<a th:href="${system.menuUrl}" class="system-item" th:classappend="${'system-item-bg'+ userStat.index}" th:title="${system.menuName}" th:each="system,userStat: ${systems}">
<div class="icon">
<i th:class="${system.menuIcon}"></i>
</span>
<span th:text="${system.menuName}"></span>
</div>
<div class="text" th:text="${system.menuName}"></div>
</a>
</div>
</div>