样式文件调整

src/styles/default.less

@@ -78,6 +78,96 @@
     fill: currentColor;
     overflow: hidden;
 }
+ion-action-sheet{
+    --max-height: 60%;
+}
+
+// 默认主题颜色
+@default-active-color: @color-primary;
+@default-text-color: #fff;
+.theme(@default-active-color,@default-text-color);
+
+// 主题公共函数
+.theme(@theme-color,@text-color){
+    ion-tab-bar{
+      ion-tab-button{
+          --color-selected: @theme-color;
+      }
+    }
+    ion-button{
+        --background: @theme-color;
+        --color: @text-color;
+    }
+    .view-container {
+      ion-title{
+        --color: @text-color;
+        background-color:  @theme-color;
+      }
+    }
+    ion-toggle {
+      --background-checked: @theme-color;
+    }
+    .app-form-item.item-has-focus{
+        >ion-label {
+            color: @theme-color ;
+        }
+    }
+    ion-picker{
+      color: @theme-color ;
+      .picker-toolbar-button{
+        button{
+          color: @theme-color ;
+        }
+      }
+    }
+    ion-action-sheet{
+      --button-color:@theme-color;
+      --max-height: 60%;
+    }
+    ion-alert{
+      .alert-button{
+        color: @theme-color ;
+      }
+      [aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{
+        background-color: @theme-color ;
+        border-color: @theme-color ;
+      }
+    }
+    ion-checkbox{
+      --background-checked	: @theme-color ;
+      --border-color-checked: @theme-color ;
+    }
+}
+
+// 默认布局
+@default-form-text-align:left;
+.layout(@default-form-text-align);
+
+// 布局公共函数
+.layout(@form-text-align){
+  .app-mobile-select ion-select::part(text) {
+    text-align: @form-text-align;
+  }
+  .app-mobile-check-list ion-select::part(text) {
+    text-align: @form-text-align;
+  }
+  .app-mobile-datetime-picker {
+    ion-datetime{
+      text-align: @form-text-align;
+    }
+  }
+  .app-picker .ibz-input {
+    text-align: @form-text-align;
+  }
+  .left{
+      .app-form-item-input{
+          text-align: @form-text-align;
+      }
+    }
+  .app-mob-mpicker > ion-input {
+      text-align: @form-text-align;
+  }
+}
 @import './user.less';
 
 

src/styles/var.less

@@ -126,89 +126,3 @@
 
 @startview-btn-offset-y: 82%;
 @startview-btn-offset-x: 5%;
-
-
-
-// 主题颜色
-@default-active-color: @color-primary;
-@default-text-color: #fff;
-.theme(@default-active-color,@default-text-color);
-
-// 主题公共函数
-.theme(@theme-color,@text-color){
-    ion-tab-bar{
-      ion-tab-button{
-          --color-selected: @theme-color;
-      }
-    }
-    ion-button{
-        --background: @theme-color;
-        --color: @text-color;
-    }
-    .view-container {
-      ion-title{
-        --color: @text-color;
-        background-color:  @theme-color;
-      }
-    }
-    ion-toggle {
-      --background-checked: @theme-color;
-    }
-    .app-form-item.item-has-focus{
-        >ion-label {
-            color: @theme-color ;
-        }
-    }
-    ion-picker{
-      color: @theme-color ;
-      .picker-toolbar-button{
-        button{
-          color: @theme-color ;
-        }
-      }
-    }
-    ion-action-sheet{
-      --button-color:@theme-color;
-    }
-    ion-alert{
-      .alert-button{
-        color: @theme-color ;
-      }
-      [aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{
-        background-color: @theme-color ;
-        border-color: @theme-color ;
-      }
-    }
-    ion-checkbox{
-      --background-checked	: @theme-color ;
-      --border-color-checked: @theme-color ;
-    }
-}
-
-// 布局公共函数
-@default-form-text-align:left;
-.layout(@default-form-text-align);
-.layout(@form-text-align){
-  .app-mobile-select ion-select::part(text) {
-    text-align: @form-text-align;
-  }
-  .app-mobile-check-list ion-select::part(text) {
-    text-align: @form-text-align;
-  }
-  .app-mobile-datetime-picker {
-    ion-datetime{
-      text-align: @form-text-align;
-    }
-  }
-  .app-picker .ibz-input {
-    text-align: @form-text-align;
-  }
-  .left{
-      .app-form-item-input{
-          text-align: @form-text-align;
-      }
-    }
-  .app-mob-mpicker > ion-input {
-      text-align: @form-text-align;
-  }
-}