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 | 24 ++++++++++++------------
src/app/routes/raise-dust/image-grabbing/image-grabbing.component.html | 4 ++--
src/app/routes/raise-dust/statistical-query/statistical-query.component.html | 10 +++++-----
src/app/routes/raise-dust/real-time/real-time.component.html | 4 ++--
4 files changed, 21 insertions(+), 21 deletions(-)
diff --git a/src/app/routes/forecasting-warning/forecasting-warning.component.html b/src/app/routes/forecasting-warning/forecasting-warning.component.html
index 02a081a..9a1b2ee 100644
--- a/src/app/routes/forecasting-warning/forecasting-warning.component.html
+++ b/src/app/routes/forecasting-warning/forecasting-warning.component.html
@@ -12,24 +12,24 @@
</nz-card>
<div nz-row [ngStyle]="{'display':isShow ? 'block' : 'none'}">
- <div nz-col [nzSpan]="12"><div id="warning_PM25" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="warning_PM10" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="warning_CO" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="warning_NO2" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="warning_O3" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="warning_SO2" style="height: 300px; width: 100%"></div></div>
+ <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 [nzSpan]="12"><div id="forecasting_temp" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="forecasting_humidity" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="forecasting_pressure" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="forecasting_uvi" style="height: 300px; width: 100%"></div></div>
- <div nz-col [nzSpan]="12"><div id="forecasting_wind" style="height: 300px; width: 100%"></div></div>
+ <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 [nzSpan]="12"><div id="forecasting_temp_day" style="height: 300px; width: 100%"></div></div>
+ <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>
diff --git a/src/app/routes/raise-dust/image-grabbing/image-grabbing.component.html b/src/app/routes/raise-dust/image-grabbing/image-grabbing.component.html
index a910cc2..d113e07 100644
--- a/src/app/routes/raise-dust/image-grabbing/image-grabbing.component.html
+++ b/src/app/routes/raise-dust/image-grabbing/image-grabbing.component.html
@@ -5,7 +5,7 @@
<nz-card [nzBordered]="false">
<form nz-form [nzLayout]="'inline'">
<div nz-row [nzGutter]="24" >
- <div nz-col [nzSpan]="5" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label class="label-width-70">
<label>������������</label>
@@ -18,7 +18,7 @@
</div>
</div>
</div>
- <div nz-col [nzSpan]="5" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label class="label-width-70">
<label>������</label>
diff --git a/src/app/routes/raise-dust/real-time/real-time.component.html b/src/app/routes/raise-dust/real-time/real-time.component.html
index 617b254..6b307c5 100644
--- a/src/app/routes/raise-dust/real-time/real-time.component.html
+++ b/src/app/routes/raise-dust/real-time/real-time.component.html
@@ -4,7 +4,7 @@
<form nz-form [nzLayout]="'inline'">
<div nz-row [nzGutter]="24">
- <div nz-col [nzSpan]="6" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label>
<label>������������</label>
@@ -55,7 +55,7 @@
</div>
<div nz-row [nzGutter]="24" class="pt-lg" *ngIf="!!avgs.e1">
- <div nz-col [nzSpan]="12" nzType="flex" nzAlign="middle">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" nzType="flex" nzAlign="middle">
<h2>
<span style="color:#666666;">���������������</span>
<span style="color:#FF0000;">{{avgs.e1 > levels[0] ? (avgs.e1 < levels[1] ? '������' : (avgs.e1 < levels[2]? '������':'������' )) : '���'}}������</span>
diff --git a/src/app/routes/raise-dust/statistical-query/statistical-query.component.html b/src/app/routes/raise-dust/statistical-query/statistical-query.component.html
index 2c272dd..3f077f8 100644
--- a/src/app/routes/raise-dust/statistical-query/statistical-query.component.html
+++ b/src/app/routes/raise-dust/statistical-query/statistical-query.component.html
@@ -5,7 +5,7 @@
<nz-card [nzBordered]="false">
<form nz-form (ngSubmit)="reportQuery()" [nzLayout]="'inline'">
<div nz-row [nzGutter]="24" >
- <div nz-col [nzSpan]="5" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label class="label-width-70">
<label>������</label>
@@ -17,7 +17,7 @@
</div>
</div>
</div>
- <div nz-col [nzSpan]="5" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label class="label-width-70">
<label>������������</label>
@@ -30,7 +30,7 @@
</div>
</div>
</div>
- <div nz-col [nzSpan]="5" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label class="label-width-70">
<label>������</label>
@@ -42,7 +42,7 @@
</div>
</div>
</div>
- <div nz-col [nzSpan]="5" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<div nz-form-item class="d-flex">
<div nz-form-label class="label-width-70">
<label>������</label>
@@ -56,7 +56,7 @@
</div>
<div nz-row [nzGutter]="24">
- <div nz-col [nzSpan]="6" class="mb-md">
+ <div nz-col nzXs="24" nzSm="12" nzMd="6" class="mb-md">
<button nz-button type="submit" [nzType]="'primary'" [nzSize]="'large'">
������
</button>
--
Gitblit v1.8.0