主题文件

src/styles/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!important;
-      --color-checked:@theme-color!important;
-    }
-    .segment-button-checked{
-      border-color: @theme-color!important;
-    }
-  }
-// 风格改变样式
-.app-mob-select-changeStyle ion-list .align-boxs .active{
-  border: 2px solid @theme-color;
-  ion-icon{
-    color: @theme-color;
-  }
-}
-
-}

src/styles/theme/theme.less

@@ -141,11 +141,11 @@
 //分页tab样式 
   ion-segment{ 
     ion-segment-button{
-      --indicator-box-shadow:@theme-color;
-      --color-checked:@theme-color;
+      --indicator-box-shadow:@theme-color!important;
+      --color-checked:@theme-color!important;
     }
     .segment-button-checked{
-      border-color: @theme-color;
+      border-color: @theme-color!important;
     }
   }
 // 风格改变样式