优化代码

This commit is contained in:
wuxw 2022-06-29 01:16:11 +08:00
parent 23396a58af
commit 16e9747cde
5 changed files with 27 additions and 16 deletions

View File

@ -1,7 +1,6 @@
<div class="vc-menu flex justify-start" id="menu-nav">
<div class="vc-menu-main">
<ul>
<li class="title"><a href="/">{{vc.i18n('systemSimpleName')}}</a></li>
<li v-for="menu in menus" v-bind:class="{ active: menu.active }" v-if="menu.childs != undefined && menu.childs.length >0" v-on:click="switchMenu(menu)">
<i class="fa " v-bind:class="menu.icon"></i><span class="margin-left-xs">{{vc.i18n(menu.name)}}</span>
</li>

View File

@ -1,6 +1,7 @@
<div class="vc-nav flex justify-between" id="nav">
<div>
<ul class="flex flex-start">
<li class="title"><a href="/">{{vc.i18n('systemName')}}</a></li>
<li :class="{'active' :item.active == '1' }" v-for="(item,index) in nav.catalogs" @click="_changeMenuCatalog(item)">
<i :class="item.icon"></i>{{item.name}}
</li>

View File

@ -11,9 +11,9 @@
--vc-menu-sub-active-font-color: #4979F4;
--vc-menu-sub-title-font-color: #4F525C;
--vc-menu-sub-footer: #F6F6F7;
--vc-nav-bg: #FFFFFF;
--vc-nav-bg: #1D1F2D;
--vc-nav-color: #888888;
--vc-nav-active-color: #4979F4;
--vc-nav-active-color: #FFFFFF;
}
.margin-0 {
@ -596,16 +596,16 @@ body,
width: 100%;
}
.vc-main .vc-nav {
height: 40px;
.vc-nav {
height: 50px;
width: 100%;
background-color: var(--vc-nav-bg);
font-size: 14px;
line-height: 40px;
line-height: 50px;
color: var(--vc-nav-color);
}
.vc-main .vc-nav ul li {
.vc-nav ul li {
padding-left: 10px;
padding-right: 10px;
margin-left: 5px;
@ -613,11 +613,26 @@ body,
cursor: pointer;
}
.vc-main .vc-nav ul li i {
.vc-nav ul li.title {
color: var(--vc-menu-main-title-font-color);
height: 50px;
font-size: 24px;
line-height: 50px;
width: 80px ;
text-align: center;
}
.vc-nav ul li.title a {
text-decoration: none;
cursor: pointer;
color: var(--vc-menu-main-title-font-color);
}
.vc-nav ul li i {
margin-right: 5px;
}
.vc-main .vc-nav ul li.active {
.vc-nav ul li.active {
color: var(--vc-nav-active-color);
border-bottom: 2px solid var(--vc-nav-active-color) !important;
}
@ -634,8 +649,6 @@ body,
}
.vc-main .breadcrumb {
border-radius: 10px;
box-shadow: 0px 2px 5px #888888;
}
.vc-main .ibox .ibox-title {

View File

@ -56,14 +56,12 @@
<body>
<vc:create path="frame/bodyTop"></vc:create>
<vc:create path="frame/nav2"></vc:create>
<div class="vc-page flex justify-start">
<vc:create path="frame/menu2"></vc:create>
<div class="vc-main">
<vc:create path="frame/nav2"></vc:create>
<div class="vc-main-content">
<div class="vc-wrapper vc-content padding-top-xs" style="padding-bottom: 0px;">
<div class="" style="padding-bottom: 0px;">
<vc:create path="frame/breadcrumb"></vc:create>
</div>
<div id="component" class="vc-wrapper vc-content padding-top-sm animated fadeInRight"

View File

@ -3,7 +3,7 @@
*/
(function(window) {
window.lang = {
"systemName": "HC小区管理系统",
"systemName": "HC",
"systemSimpleName": "HC",
"subSystemName": "小区管理系统",
"companyTeam": "java110团队",