手机 适配

xufenglei

2018-08-03 ba26f3f66151ee19b0230c38fdbb989886e84c8c

 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>