From ba26f3f66151ee19b0230c38fdbb989886e84c8c Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Fri, 03 Aug 2018 16:50:20 +0800
Subject: [PATCH] 手机 适配
---
src/app/routes/forecasting-warning/forecasting-warning.component.html | 48 +++++++++++++++++++++++++++++++++++-------------
1 files changed, 35 insertions(+), 13 deletions(-)
diff --git a/src/app/routes/forecasting-warning/forecasting-warning.component.html b/src/app/routes/forecasting-warning/forecasting-warning.component.html
index a448091..9a1b2ee 100644
--- a/src/app/routes/forecasting-warning/forecasting-warning.component.html
+++ b/src/app/routes/forecasting-warning/forecasting-warning.component.html
@@ -1,13 +1,35 @@
-<div class="content__title">
- <h1>������������������������</h1>
-</div>
-<nz-card [nzBordered]="false">
-<div class="sales-type-radio">
- <nz-radio-group >
- <label nz-radio-button [nzValue]="'warning'"><span>������</span></label>
- <label nz-radio-button [nzValue]="'forecasting'"><span>������</span></label>
- </nz-radio-group>
-</div>
-
-</nz-card>
-<nz-card [nzBordered]="false"></nz-card>
+<div class="content__title">
+ <h1>������������������������</h1>
+</div>
+<nz-card [nzBordered]="false">
+ <div class="sales-type-radio">
+ <nz-radio-group [(ngModel)]="type" (ngModelChange)="changeType($event)">
+ <label nz-radio-button [nzValue]="'warning'"><span>������</span></label>
+ <label nz-radio-button [nzValue]="'forecasting'"><span>������</span></label>
+ </nz-radio-group>
+ </div>
+
+</nz-card>
+
+<div nz-row [ngStyle]="{'display':isShow ? 'block' : 'none'}">
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="warning_PM25" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="warning_PM10" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="warning_CO" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="warning_NO2" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="warning_O3" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="warning_SO2" style="height: 300px; width: 100%"></div></div>
+</div>
+
+<div nz-row [ngStyle]="{'display':isShow ? 'none' : 'block'}">
+ <!-- 24������ -->
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="forecasting_temp" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="forecasting_humidity" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="forecasting_pressure" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div>
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="forecasting_wind" style="height: 300px; width: 100%"></div></div>
+
+ <!-- 15��� -->
+ <div nz-col nzXs="24" nzSm="12" nzMd="12"><div id="forecasting_temp_day" style="height: 300px; width: 100%"></div></div>
+ <!-- <div nz-col [nzSpan]="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div> -->
+
+</div>
--
Gitblit v1.8.0