样式结构调整

src/styles/default.less

 @import "../../node_modules/font-awesome/less/font-awesome.less";
-@import "./theme/blue.theme.less";
-@import "./theme/dark-blue.theme.less";
-@import "./theme/class-black.less";
-@import "./theme/light-green.less";
-@import "./theme/peach-pink.less";
-@import "./theme/star-purple.less";
-@import "./theme/summer-yellow.less";
-@import "./theme/vital-red.less";
-@import "./theme.less";
+@import "./theme/index.less";
+@import "./layout/index.less";
 @import "./sysStyles.less";
-@import "./layout/layout.less";
-@import "./layout/align/align-left.less";
-@import "./layout/align/align-right.less";
-@import "./layout/navigation/navi-class.less";
-@import "./layout/navigation/navi-new.less";
+
 
 .ion-page.view-container {
   height: 100%;
   display: flex;
   flex-direction: column;
-  // background: #f4f3f8;
   position: relative;
   .view-header {
     position: absolute;
@@ -145,31 +133,6 @@ button.alert-button.ion-focusable.ion-activatable.secondary.sc-ion-alert-ios {
 //   --background: inherit;
 // }
 
-//分页tab样式 
-// ion-segment{
-//   height: 40px;
-//   width: 100%;
-//   --background: #f4f3f8;
-//   border-radius: 0;    
-//   ion-segment-button{
-//     box-sizing: border-box;
-//     line-height: 40px;
-//     position:relative;
-//     --border-radius: 0;  
-//     --indicator-box-shadow:#7eb4e6;
-//     --color-checked:#7eb4e6;
-//     --indicator-color: #f4f3f8;
-//     --border-style:none;
-//     margin-top: 0;
-//     margin-bottom: 2px;
-//     --transition:none;
-//   }
-//   .segment-button-checked{
-//     border-bottom: 2px solid #7eb4e6;
-//     margin: 0;
-//   }
-// }
-
 ion-toolbar{
   --padding-bottom: 0;
   --padding-end: 0;

src/styles/layout/index.less

+// 布局函数
+@import "./layout.less";
+
+@import "./align/align-left.less";
+@import "./align/align-right.less";
+@import "./navigation/navi-class.less";
+@import "./navigation/navi-new.less";

src/styles/theme/index.less

+// 主题函数
+@import "./theme.less";
+
+@import "./blue.theme.less";
+@import "./dark-blue.theme.less";
+@import "./class-black.less";
+@import "./light-green.less";
+@import "./peach-pink.less";
+@import "./star-purple.less";
+@import "./summer-yellow.less";
+@import "./vital-red.less";
+

src/styles/theme/theme.less

+// 主题公共函数
+.theme(@theme-color,@text-color) {
+  ion-tab-bar {
+    ion-tab-button {
+      --color-selected: @theme-color;
+    }
+  }
+  // 按钮样式
+  ion-button {
+    --background: @theme-color;
+    --color: @text-color;
+    --color-activated: @text-color;
+    --background-activated:@theme-color;
+  }
+  // 多数据快速分组组件tab选中样式
+  .app-seleted-item {
+    color: @theme-color;
+    border-bottom: 2px solid @theme-color;
+  }
+  ion-fab-button{
+    --background:@theme-color;
+    --box-shadow:-1px 1px 5px #8e9eab;
+    --background-activated:@theme-color;
+  }
+  .view-container {
+    ion-header {
+      .ionoc-view-header {
+        --background: @theme-color;
+        --color: @text-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;
+  }
+  .app-embed-view {
+    .embed-view-header {
+      ion-toolbar {
+        --background: @theme-color;
+      }
+    }
+  }
+  .app-mobile-radio-list {
+    .van-radio__icon--checked .van-icon {
+      color: #fff;
+      background-color: @theme-color;
+      border-color: @theme-color;
+    }
+  }
+  .listexpbar_list {
+    .van-sidebar-item--select::before {
+      background-color: @theme-color;
+    }
+    .van-sidebar-item--select {
+      border-color: @theme-color;
+    }
+  }
+  .van-rate__icon--full {
+    color: @theme-color;
+  }
+  ion-range {
+    --bar-background-active: @theme-color;
+  }
+
+  // 多数据分类器样式
+  .ibiz-dropdown-menu {
+    .van-button--info {
+      background-color: @theme-color;
+      border: 1px solid @theme-color;
+    }
+    .dropdown-item-icon {
+      color: @theme-color;
+    }
+  }
+  .ibiz-dropdown-menu.dropdown-menu-ative {
+    .van-ellipsis {
+      color: @theme-color;
+    }
+    .van-dropdown-menu__title::after {
+      color: @theme-color;
+    }
+  }
+  //多编辑面板底部新增按钮
+  .app-medit-view-panel{
+    ion-fab{
+        ion-fab-button{
+            --background:@theme-color;
+        }
+    }
+  }
+  // 选项操作视图底部按钮
+  .mobtestmob-option-view{
+    .option-view-btnbox{
+      .success{
+        --background: @theme-color;
+        --color: @text-color;
+      }
+    }
+  }
+//日历选中样式
+.mpvue-calendar td.selected span {
+    background-color: @theme-color!important;
+    color:  @text-color !important;
+}
+.mpvue-calendar-change span.active{
+  background-color: @theme-color !important;
+  color:  @text-color!important;
+}
+
+//分页tab样式 
+  ion-segment{ 
+    ion-segment-button{
+      --indicator-box-shadow:@theme-color;
+      --color-checked:@theme-color;
+    }
+    .segment-button-checked{
+      border-color: @theme-color;
+    }
+  }
+// 风格改变样式
+.app-mob-select-changeStyle ion-list .align-boxs .active{
+  border: 2px solid @theme-color;
+  ion-icon{
+    color: @theme-color;
+  }
+}
+
+}