一级菜单美化,圆角展示选中背景色

This commit is contained in:
thinkgem
2025-05-06 15:08:32 +08:00
parent a35b7fd143
commit 59996a2a5b
11 changed files with 84 additions and 39 deletions

View File

@@ -19,7 +19,7 @@
:okAuth="'${permissionPrefix}:edit'"
@register="register${modalOrDrawer}"
@ok="handleSubmit"
width="60%"
width="70%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />

View File

@@ -12,7 +12,7 @@
<% include('/include/sysIndex/topMenuCorp.html'){} %>
<% include('/include/sysIndex/topMenuOffice.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" data-layer-width="600" data-layer-height="350"><i class="fa fa-dashboard"></i></a></li>
<li><a href="javascript:" id="switchSkin" title="${text('切换主题')}" data-placement="bottom" data-container="body" data-layer-width="600" data-layer-height="350"><i class="fa fa-dashboard"></i></a></li>
<% include('/include/sysIndex/topMenuLang.html'){} %>
<% include('/include/sysIndex/topMenuOnline.html'){} %>
<% include('/include/sysIndex/topMenuMsg.html'){} %>

View File

@@ -1,7 +1,7 @@
<% if(@Global.getConfigToBoolean('user.useCorpModel', 'false') && hasPermi('sys:corpAdmin:edit')){ %>
<li>
<a href="javascript:" id="switchCorp">
<i class="fa icon-home"></i> ${text('当前租户')}${currentCorpName}
<i class="fa icon-home" style="font-size:14px;"></i> ${currentCorpName}
</a>
<div class="hide"><#form:treeselect id="switchCorpSelect" title="${text('租户切换')}" allowClear="false"
url="${ctx}/sys/corpAdmin/treeData?isShowCode=true" callbackFuncName="switchCorpSelectCallback"/>

View File

@@ -1,7 +1,7 @@
<% if(toBoolean(switchOffice!)){ %>
<li>
<a href="javascript:" id="switchOffice">
<i class="fa icon-grid" style="font-size:12px;"></i> ${officeName!}
<i class="fa icon-grid" style="font-size:13px;"></i> ${officeName!}
</a>
<div class="hide"><#form:treeselect id="switchOfficeSelect" title="${text('部门切换')}" allowClear="true"
url="${ctx}/sys/empUser/officeListData?isShowCode=true" callbackFuncName="switchOfficeSelectCallback"

View File

@@ -145,7 +145,7 @@
<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>
<span style="display:block;width:80%;float:left;height:13px;background:#1677ff"></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>
@@ -163,7 +163,7 @@
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue-light3" 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>
<span style="display:block;width:80%;float:left;height:13px;background:#1677ff"></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>
@@ -186,7 +186,7 @@
<% } %>
<script>
$('.full-opacity-hover').click(function(){
js.window.location = '${ctx}/switchSkin/' + $(this).data('skin');
js.window.location = '${ctx}/switchSkin/' + $(this).data('skin') + "?url=" + js.window.location;
});
$('#formLayerModel')

View File

@@ -27,7 +27,7 @@
.navbar-nav > .treeview > a > .pull-right-container > .fa-angle-left{display:none;}
.navbar-nav li > a > .pull-right-container > .fa-angle-left {margin-top:3px;transition:transform 0.5s ease;}
.navbar-nav .menu-open > a > .pull-right-container > .fa-angle-left {transform: rotate(-90deg);}
.navbar-nav .treeview.active>a {color:#1890ff;background-color:#e1e3e9;}
.navbar-nav .treeview.active>a {color:#1677ff;background-color:#e1e3e9;}
.navbar-nav .treeview small.label {float:right;}
/* 头部消息列表 */