Browse Source

[完善] 菜单一级目录图标完善

master
陈鹏飞 5 years ago
parent
commit
b1b89340d2
  1. 4
      src/app/navigation/navigation.component.html
  2. 17
      src/app/navigation/navigation.component.scss
  3. 4
      src/app/ui/all-file/all-file.component.html

4
src/app/navigation/navigation.component.html

@ -33,6 +33,7 @@
<mat-expansion-panel > <mat-expansion-panel >
<mat-expansion-panel-header> <mat-expansion-panel-header>
<div class="logoIcon"></div>
支队级 支队级
</mat-expansion-panel-header> </mat-expansion-panel-header>
<ul> <ul>
@ -42,6 +43,7 @@
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header> <mat-expansion-panel-header>
<div class="logoIcon"></div>
大队级 大队级
</mat-expansion-panel-header> </mat-expansion-panel-header>
<ul> <ul>
@ -50,6 +52,7 @@
</mat-expansion-panel> </mat-expansion-panel>
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header> <mat-expansion-panel-header>
<div class="logoIcon"></div>
消防救援站 消防救援站
</mat-expansion-panel-header> </mat-expansion-panel-header>
<ul> <ul>
@ -59,6 +62,7 @@
<mat-expansion-panel *ngIf="isAdmin"> <mat-expansion-panel *ngIf="isAdmin">
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-icon style="margin:0 12px 0 1px;font-size: 24px;">settings</mat-icon>
系统管理 系统管理
</mat-expansion-panel-header> </mat-expansion-panel-header>
<ul> <ul>

17
src/app/navigation/navigation.component.scss

@ -193,13 +193,13 @@ mat-sidenav{
mat-expansion-panel{ mat-expansion-panel{
background-color: #4699f6; background-color: #4699f6;
mat-expansion-panel-header{ mat-expansion-panel-header{
padding-left: 46px; padding-left: 15px;
color: white; color: white;
} }
ul{ ul{
li{ li{
text-align: left; text-align: left;
padding-left: 56px; padding-left: 60px;
} }
} }
// mat-panel-title{ // mat-panel-title{
@ -224,4 +224,17 @@ mat-sidenav{
.example-sidenav-content{ .example-sidenav-content{
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
}
//一级目录前图标
.logoIcon{
display: inline-block;
margin-right: 10px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
border-radius: 50%;
border: 2px solid #fff;
font-weight: 550;
} }

4
src/app/ui/all-file/all-file.component.html

@ -142,10 +142,10 @@
</div> </div>
</div> </div>
<div class="openSystem" *ngIf="!selectedDataBank.includes('/')"> <div class="openSystem" *ngIf="!selectedDataBank.includes('/')">
<a (click)="openteacher()" href="ax://startup?"><img src="../../../assets/images/house.gif" alt="">战术授课<span>进入</span></a> <a (click)="openteacher()" href="ax://startup?"> <mat-icon style="vertical-align: middle; font-size: 24px;">account_balance</mat-icon> 战术授课<span>进入</span></a>
</div> </div>
<div class="openSystem" *ngIf="!selectedDataBank.includes('/')"> <div class="openSystem" *ngIf="!selectedDataBank.includes('/')">
<a (click)="openlearn()" href="ax2://startup?"><img src="../../../assets/images/house.gif" alt="">战术学习<span>进入</span></a> <a (click)="openlearn()" href="ax2://startup?"> <mat-icon style="vertical-align: middle; font-size: 24px;">account_balance</mat-icon> 战术学习<span>进入</span></a>
</div> </div>

Loading…
Cancel
Save