配置主题色

src/components/app-mob-select-changeTheme/app-mob-select-changeTheme.vue

@@ -59,6 +59,15 @@ export default class AppSelect extends Vue {
         {value:"app-blue-theme",text:"dark",background:"#705697",color:"#fff"},
         {value:"app-dark-blue-theme",text:"light",background:"#5475ab",color:"#fff"},
         {value:"app-default-theme",text:"fault",background:"#3880ff",color:"#fff"},
+        {value:"app-class-black-theme",text:"极致黑",background:"#282829",color:"#FFF"},
+        {value:"app-class-blue-theme",text:"经典蓝",background:"#1E538B",color:"#FFF"},
+        {value:"app-light-green-theme",text:"浅葱绿",background:"#05D2C2",color:"#FFF"},
+        {value:"app-minimalist-white-theme",text:"极致白",background:"#FEFEFE",color:"#000"},
+        {value:"app-peach-pink-theme",text:"桃桃粉",background:"#FD84A3",color:"#FFF"},
+        {value:"app-plain-grey-theme",text:"素雅灰",background:"#F4F6F9",color:"#000"},
+        {value:"app-star-purple-theme",text:"星辰紫",background:"#6937D9",color:"#FFF"},
+        {value:"app-summer-yellow-theme",text:"盛夏黄",background:"#FEE45A",color:"#000"},
+        {value:"app-vital-red-theme",text:"元气红",background:"#FE657A",color:"#FFF"},
     ];
 
     /**

src/styles/default.less

@@ -2,6 +2,15 @@
 @import "../theme/blue.theme.less";
 @import "../theme/dark-blue.theme.less";
 @import "../theme/default.theme.less";
+@import "../theme/class-black.less";
+@import "../theme/class-blue.less";
+@import "../theme/light-green.less";
+@import "../theme/minimalist-white.less";
+@import "../theme/peach-pink.less";
+@import "../theme/plain-grey.theme.less";
+@import "../theme/star-purple.less";
+@import "../theme/summer-yellow.less";
+@import "../theme/vital-red.less";
 @import "./theme.less";
 @import "./layout.less";
 @import "./sysStyles.less";

src/theme/class-black.less

+.app-class-black-theme{
+  @theme-color: #282829;
+  @text-color: #FFF;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/class-blue.less

+.app-class-blue-theme{
+  @theme-color: #1E538B;
+  @text-color: #FFF;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/light-green.less

+.app-light-green-theme{
+  @theme-color: #05D2C2;
+  @text-color: #FFF;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/minimalist-white.less

+.app-minimalist-white-theme{
+  @theme-color: #FEFEFE;
+  @text-color: #000;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/peach-pink.less

+.app-peach-pink-theme{
+  @theme-color: #FD84A3;
+  @text-color: #FFF;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/plain-grey.theme.less

+.app-plain-grey-theme{
+    @theme-color: #F4F6F9;
+    @text-color: #000;
+    .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/star-purple.less

+.app-star-purple-theme{
+  @theme-color: #6937D9;
+  @text-color: #FFF;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/summer-yellow.less

+.app-summer-yellow-theme{
+  @theme-color: #FEE45A;
+  @text-color: #000;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file

src/theme/vital-red.less

+.app-vital-red-theme{
+  @theme-color: #FE657A;
+  @text-color: #FFF;
+  .theme(@theme-color,@text-color);
+}
\ No newline at end of file