Browse Source

[完善] 增加切换按钮选中样式

master
陈鹏飞 4 years ago
parent
commit
3d10c8caf4
  1. 1
      src/app/statistic-analysis/echarts-data.service.ts
  2. 4
      src/app/statistic-analysis/scheduled-updates/publicEcharts.html
  3. 4
      src/app/statistic-analysis/state/page-two-time/page-two-time.component.html
  4. 6
      src/app/statistic-analysis/state/page-two-time/page-two-time.component.scss

1
src/app/statistic-analysis/echarts-data.service.ts

@ -17,6 +17,7 @@ export class EchartsDataService {
scheduledUpdatesToggle:boolean = true; // 显示 当前点击 已核查/未核查
//支队提示框
tableDataZhi = [
{name:"浦东支队",number:"156",zhanbi:"3%"},

4
src/app/statistic-analysis/scheduled-updates/publicEcharts.html

@ -9,8 +9,8 @@
</div>
<div class="fixedCss">
<button mat-raised-button color="primary" (click)='verified()'>已核查</button>
<button mat-raised-button color="primary" style="margin-left: 10px;" (click)='notVerified()'>未核查</button>
<button mat-raised-button (click)='verified()' [ngClass]="{'selectButton': isToggle}">已核查</button>
<button mat-raised-button style="margin-left: 10px;" (click)='notVerified()' [ngClass]="{'selectButton': !isToggle}">未核查</button>
</div>
</div>

4
src/app/statistic-analysis/state/page-two-time/page-two-time.component.html

@ -58,8 +58,8 @@
</div>
<div class="fixedCss">
<button mat-raised-button color="primary" (click)='toggleTrue()'>横向查询</button>
<button mat-raised-button color="primary" style="margin-left: 10px;" (click)='toggleFalse()'>纵向查询</button>
<button mat-raised-button (click)='toggleTrue()' [ngClass]="{'selectButton': isQuery}">横向查询</button>
<button mat-raised-button style="margin-left: 10px;" (click)='toggleFalse()' [ngClass]="{'selectButton': !isQuery}">纵向查询</button>
</div>
</div>

6
src/app/statistic-analysis/state/page-two-time/page-two-time.component.scss

@ -62,6 +62,12 @@
padding: 10px;
}
//切换按钮 选中状态
.selectButton{
background-color: #2196f3;
color: white;
}
//滚动条样式
::-webkit-scrollbar{
width: 5px;

Loading…
Cancel
Save