admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化前段代码

Browse Source
This commit is contained in:
java110 2022-02-25 19:51:44 +08:00
parent f37d44bb9c
commit 3b04c565fa
4 changed files with 79 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/admin.html
View File

@ -61,8 +61,7 @@
<vc:create path="frame/breadcrumb"></vc:create>
</div>
<!-- -->
<div id="component" class="vc-wrapper vc-content padding-top-xs animated fadeInRight"
vc-path="/common/chooseEnterCommunity">
<div id="component" class="vc-wrapper vc-content padding-top-xs animated fadeInRight" vc-path="/common/chooseEnterCommunity">
<vc:create path="/pages/common/enterCommunity"></vc:create>
</div>

2
public/components/frame/breadcrumb/breadcrumb.html
View File

@ -1,7 +1,7 @@
<div id="breadcrumb" class="border-bottom white-bg" v-if="breadCrumbs.length > 0">
<ul class="nav nav-tabs">
<li class="nav-item" v-for="(item,index) in breadCrumbs">
<span class="nav-link " v-bind:class="{'active':item.active=='1'}" aria-current="page" @click="_changeSmallTab(item)">{{item.pageName}}
<span class="nav-link nav-link-breadcrumb" v-bind:class="{'active':item.active=='1'}" aria-current="page" @click="_changeSmallTab(item)">{{item.pageName}}
<i class="fa fa-remove margin-left-sm" @click.stop="_deleteSmallTab(item)"></i>
</span>
</li>

54
public/components/frame/nav/nav.html
View File

@ -1,28 +1,62 @@
<div id="nav">
<nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="javascript:void(0)"
@click="_doMenu()"><i class="fa fa-bars"></i> </a>
<span class="navbar-minimalize minimalize-styl-2 " @click="_doMenu()"><i class="fa fa-list-ul"></i> </span>
<ul class="nav navbar-top-links ">
<li class="nav-item dropdown tab-active">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-home"></i>首页
</span>
</li>
<li class="nav-item dropdown">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-calculator"></i>业务受理
</span>
</li>
<li class="nav-item dropdown">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-bar-chart-o"></i> 费用报表
</span>
</li>
<li class="nav-item dropdown">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-users"></i>物业服务
</span>
</li>
<li class="nav-item dropdown">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-automobile"></i> 停车
</span>
</li>
<li class="nav-item dropdown">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-desktop"></i>设备
</span>
</li>
<li class="nav-item dropdown">
<span class="dropdown-toggle count-info vc-tab-text" data-toggle="dropdown" href="/">
<i class="fa fa-gear"></i>设置
</span>
</li>
</ul>
</div>
<ul class="nav navbar-top-links navbar-right">
<li class="nav-item dropdown"
v-if="nav.storeTypeCd != '800900000001' && nav.storeTypeCd != '800900000002' && nav.storeTypeCd != '800900000000'">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
<li class="nav-item dropdown" v-if="nav.storeTypeCd != '800900000001' && nav.storeTypeCd != '800900000002' && nav.storeTypeCd != '800900000000'">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
{{nav._currentCommunity.name}}
<span class="caret"></span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" v-for="currentCommunity in nav.communityInfos"
v-on:click="changeCommunity(currentCommunity)">{{currentCommunity.name}} </a>
<a class="dropdown-item" v-for="currentCommunity in nav.communityInfos" v-on:click="changeCommunity(currentCommunity)">{{currentCommunity.name}} </a>
<a href="javascript:void(0)" class="dropdown-item text-center" v-on:click="_chooseMoreCommunity()">
<strong>{{vc.i18n('moreCommunity')}}</strong>
<i class="fa fa-angle-right"></i>
</a>
</div>
</li>
<li style="padding: 20px">
<span class="m-r-sm text-muted welcome-message">{{vc.i18n('welcome')}}，{{userName}}！</span>
<li style="padding: 5px">
<span class="m-r-sm text-muted welcome-message">
<i class="fa fa-user"></i>{{userName}}</span>
</li>
<li class="dropdown">
<a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">

40
public/css/vc-ui.css
View File

@ -556,8 +556,10 @@ body.rtls.mini-navbar.top-navigation #vc-page {
color: #ffffff;
}
.nav>li .active {
font-weight: bold;
.nav-link-breadcrumb {
color: #888888;
font-size: 12px;
cursor: pointer;
}
.navbar-default .nav>li>a:hover,
@ -584,8 +586,30 @@ body.rtls.mini-navbar.top-navigation #vc-page {
display: block;
}
.nav>li.tab-active {
border-bottom: 2px solid #1ab394 !important;
color: #1ab394;
}
.nav>li>span.vc-tab-text {
padding: 16px 15px;
font-size: 14px;
display: block;
color: #888888;
font-weight: 400;
cursor: pointer;
}
.nav>li.tab-active>span.vc-tab-text {
color: #1ab394;
}
.nav>li>span.vc-tab-text i {
margin-right: 5px;
}
.nav>li>a i {
margin-right: 6px;
margin-right: 5px;
}
.label {
@ -714,10 +738,12 @@ ul.nav-second-level {
/*************************************btn****************************************/
.minimalize-styl-2 {
padding: 4px 12px;
margin: 14px 5px 5px 20px;
font-size: 14px;
padding: 4px 5px;
margin: 10px 20px 5px 10px;
font-size: 18px;
float: left;
color: #888888;
cursor: pointer;
}
.btn {
@ -776,7 +802,7 @@ ul.nav-second-level {
}
.navbar-top-links li a {
padding: 20px 10px;
padding: 16px 10px;
min-height: 50px;
}