微调

src/app/envCtrl/env-alarm-detail/env-alarm-detail.page.html

@@ -7,7 +7,7 @@
     <ion-title class="appTitle">{{fieldRegionName}}告警详情</ion-title>
   </ion-toolbar>
 
-  <div>
+  <div style="margin-top:10px;">
     <ion-segment mode="ios" style="position: sticky;" color="secondary" (ionChange)="segmentChanged($event)">
       <ion-segment-button  mode="ios" value="trouble" [checked]="isTroubleDis" class="ion-segment-button">
         <ion-label>故障</ion-label>

src/app/envCtrl/env-alarm-detail/env-alarm-detail.page.scss

@@ -145,6 +145,7 @@
   margin: 0;
   font-size: 120%;
 }
+
 .entry .title p {
   margin: 0;
   font-size: 100%;

src/app/envCtrl/env-alarm/env-alarm.page.html

@@ -22,7 +22,7 @@
             <ion-badge color="danger" mode="ios" *ngIf="item.total > 0" class="badge">{{item.total}}</ion-badge>
           </div>
           <div style="width: 30%; padding-right: 5px; display: inline-block; font-size: 13px; color:#61C7CC">
-            <ion-select interface="popover" placeholder="" style="padding: 0px;" [(ngModel)]="item.interval" (ionChange)="dismissPopover(item)">
+            <ion-select interface="popover" placeholder="" style="padding: 0px; text-align: right;" [(ngModel)]="item.interval" (ionChange)="dismissPopover(item)">
               <ion-select-option value="12" class="popLabel">近一年</ion-select-option>
               <ion-select-option value="6" class="popLabel">近六个月</ion-select-option>
               <ion-select-option value="3" class="popLabel">近三个月</ion-select-option>

src/theme/variables.scss

@@ -53,12 +53,18 @@
   --ion-color-danger-tint: #f25454;
 
   /** dark **/
-  --ion-color-dark: #222428;
-  --ion-color-dark-rgb: 34, 34, 34;
+  --ion-color-dark: #000000;
+  --ion-color-dark-rgb: 0, 0, 0;
   --ion-color-dark-contrast: #ffffff;
   --ion-color-dark-contrast-rgb: 255, 255, 255;
-  --ion-color-dark-shade: #1e2023;
-  --ion-color-dark-tint: #383a3e;
+  --ion-color-dark-shade: #000000;
+  --ion-color-dark-tint: #000000;
+  //--ion-color-dark: #222428;
+  //--ion-color-dark-rgb: 34, 34, 34;
+  //--ion-color-dark-contrast: #ffffff;
+  //--ion-color-dark-contrast-rgb: 255, 255, 255;
+  //--ion-color-dark-shade: #1e2023;
+  //--ion-color-dark-tint: #383a3e;
 
   /** medium **/
   --ion-color-medium: #989aa2;