各系统主题定制

package.json

@@ -55,8 +55,7 @@
     "> 1%",
     "last 2 versions",
     "not ie <= 8"
-  ]
-  /*,
+  ],
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
@@ -69,5 +68,5 @@
       "vue-cli-service lint",
       "git add"
     ]
-  }*/
+  }
 }

src/components/main/business.less

@@ -16,7 +16,7 @@
     }
   }
   .header-con{
-    background: #fff;
+    //background: #fff;
     padding: 0 20px;
     width: 100%;
   }

src/components/main/business.vue

@@ -1,7 +1,7 @@
 <template>
-  <Layout style="height: 100%" class="main">
+  <Layout style="height: 100%" class="main business">
     <Header class="header-con">
-      <header-bar :collapsed="collapsed" @on-coll-change="handleCollapsedChange">
+      <header-bar :collapsed="collapsed" :crumbable="crumbable" @on-coll-change="handleCollapsedChange">
         <user :message-unread-count="unreadCount" :user-avator="userAvator"/>
         <!--<language v-if="$config.useI18n" @on-lang-change="setLocal" style="margin-right: 10px;" :lang="local"/>-->
         <!--<error-store v-if="$config.plugin['error-store'] && $config.plugin['error-store'].showInHeader" :has-read="hasReadErrorPage" :count="errorCount"></error-store>-->
@@ -61,6 +61,7 @@ export default {
   data () {
     return {
       collapsed: false,
+      crumbable: false,
       isFullscreen: false,
       backUrl: '/front/guide'
     }

src/components/main/freight.less

@@ -51,7 +51,7 @@
     }
   }
   .header-con {
-    background: #fff;
+    //background: #fff;
     padding: 0 20px;
     width: 100%;
   }

src/components/main/freight.vue

@@ -1,5 +1,5 @@
 <template>
-  <Layout style="height: 100%" class="main">
+  <Layout style="height: 100%" class="main freight">
     <Header class="header-con">
       <header-bar :collapsed="collapsed" :siderable="siderable" :crumbable="crumbable" @on-coll-change="handleCollapsedChange">
         <div slot="top-menu" class="top-menu">
@@ -43,8 +43,8 @@ import ErrorStore from './components/error-store'
 import { mapMutations, mapActions, mapGetters } from 'vuex'
 import { getNewTagList, getNextRoute, routeEqual } from '@/libs/util'
 import routers from '@/router/routers'
-import '@/theme/freight/index.less'
 import './freight.less'
+import '@/theme/freight/index.less'
 export default {
   name: 'Business',
   components: {

src/components/main/guide.vue

@@ -1,5 +1,5 @@
 <template>
-  <Layout style="height: 100%" class="main">
+  <Layout style="height: 100%" class="main admin">
     <Header class="header-con">
       <header-bar :collapsed="collapsed" @on-coll-change="handleCollapsedChange" :siderable="false" :crumbable="false">
         <user :message-unread-count="unreadCount" :user-avator="userAvator"/>
@@ -31,6 +31,7 @@ import GoBack from './components/go-back'
 import ErrorStore from './components/error-store'
 import { mapMutations, mapActions, mapGetters } from 'vuex'
 import './main.less'
+import '@/theme/admin/index.less'
 export default {
   name: 'Guide',
   components: {

src/components/main/main.less

@@ -11,9 +11,10 @@
     }
   }
   .header-con{
-    background: #fff;
+    //background: #2F4056;
     padding: 0 20px;
     width: 100%;
+    color: #ffffff;
   }
   .main-layout-con{
     height: 100%;
@@ -78,3 +79,4 @@
 .ivu-select-dropdown.ivu-dropdown-transfer{
   max-height: 400px;
 }
+

src/components/main/main.vue

@@ -1,7 +1,7 @@
 <template>
-  <Layout style="height: 100%" class="main">
+  <Layout style="height: 100%" class="main admin">
     <Header class="header-con">
-      <header-bar :collapsed="collapsed" @on-coll-change="handleCollapsedChange">
+      <header-bar :collapsed="collapsed" :crumbable="crumbable" @on-coll-change="handleCollapsedChange">
         <user :message-unread-count="unreadCount" :user-avator="userAvator"/>
         <!--<language v-if="$config.useI18n" @on-lang-change="setLocal" style="margin-right: 10px;" :lang="local"/>-->
         <!--<error-store v-if="$config.plugin['error-store'] && $config.plugin['error-store'].showInHeader" :has-read="hasReadErrorPage" :count="errorCount"></error-store>-->
@@ -44,6 +44,7 @@ import routers from '@/router/routers'
 import minLogo from '@/assets/images/logo-min.jpg'
 import maxLogo from '@/assets/images/logo.jpg'
 import './main.less'
+import '@/theme/admin/index.less'
 export default {
   name: 'Main',
   components: {
@@ -61,6 +62,7 @@ export default {
       collapsed: false,
       minLogo,
       maxLogo,
+      crumbable: false,
       isFullscreen: false
     }
   },

src/components/main/student.less

@@ -16,7 +16,7 @@
     }
   }
   .header-con{
-    background: #fff;
+    //background: #fff;
     padding: 0 20px;
     width: 100%;
   }

src/components/main/ticket.less

@@ -51,7 +51,7 @@
     }
   }
   .header-con{
-    background: #fff;
+    //background: #fff;
     padding: 0 20px;
     width: 100%;
   }

src/components/main/ticket.vue

@@ -1,5 +1,5 @@
 <template>
-  <Layout style="height: 100%" class="main">
+  <Layout style="height: 100%" class="main ticket">
     <Header class="header-con">
       <header-bar :collapsed="collapsed" :siderable="siderable" :crumbable="crumbable" @on-coll-change="handleCollapsedChange">
         <div slot="top-menu" class="top-menu">
@@ -43,8 +43,8 @@ import ErrorStore from './components/error-store'
 import { mapMutations, mapActions, mapGetters } from 'vuex'
 import { getNewTagList, getNextRoute, routeEqual } from '@/libs/util'
 import routers from '@/router/routers'
-import '@/theme/ticket/index.less'
 import './ticket.less'
+import '@/theme/ticket/index.less'
 export default {
   name: 'Business',
   components: {

src/theme/admin/index.less

@@ -0,0 +1,50 @@
+
+.admin {
+
+  .ivu-layout-header {
+    background-color: #2F9688;
+  }
+  .ivu-layout-sider {
+    background-color: #2F9688;
+  }
+  .ivu-menu-dark, .ivu-menu-submenu-title {
+    background-color: #2F9688;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened {
+    background: #226A62;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
+    background: #226A62;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
+    background: #226A62;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title {
+    background: #226A62;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu), .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu), .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):hover, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover {
+    background: #5FB878 !important;
+    color: #ffffff;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu), .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu), .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):hover, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover {
+    background: #5FB878 !important;
+    color: #ffffff;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover {
+    background: #5FB878 !important;
+    color: #ffffff;
+  }
+}
+
+.qib-form .ivu-form-item {
+  margin-bottom: 5px;
+}
+.qib-form .ivu-divider-horizontal {
+  margin: 5px 0;
+}
+.main .ivu-card-head {
+  padding: 5px 16px;
+}
+.main .ivu-card-body {
+  padding: 5px 16px;
+}

src/theme/business/index.less

@@ -1,12 +1,32 @@
-@import '../../../node_modules/iview/src/styles/index.less';
-
 // Border color
 @border-color-base      : #5cadff;  // outside
 @border-color-split     : #e8eaec;  // inside
 @border-width-base      : 1px;            // width of the border for a component
 @border-style-base      : solid;          // style of a components border
 
-
+.business {
+  .ivu-layout-header {
+    background-color: #2F4056;
+  }
+  .ivu-layout-sider {
+    background-color: #2F4056;
+  }
+  .ivu-menu-dark, .ivu-menu-submenu-title {
+    background-color: #2F4056;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened {
+    background: #2F4056;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
+    background: #2F4056;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
+    background: #2F4056;
+  }
+  .ivu-menu-dark.ivu-menu-vertical .ivu-menu-item, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title {
+    background: #2F4056;
+  }
+}
 
 .qib-form .ivu-form-item {
   margin-bottom: 5px;

src/theme/freight/index.less

@@ -7,6 +7,15 @@
 @border-style-base      : solid;          // style of a components border
 
 
+.freight {
+  .ivu-menu-horizontal {
+    height: 64px;
+    line-height: 64px;
+  }
+  .ivu-layout-header {
+    background-color: #AA3130;
+  }
+}
 
 .qib-form .ivu-form-item {
   margin-bottom: 5px;

src/theme/ticket/index.less

@@ -1,12 +1,19 @@
-@import '../../../node_modules/iview/src/styles/index.less';
 
 // Border color
 @border-color-base      : #5cadff;  // outside
 @border-color-split     : #e8eaec;  // inside
 @border-width-base      : 1px;            // width of the border for a component
 @border-style-base      : solid;          // style of a components border
 
-
+.ticket {
+  .ivu-menu-horizontal {
+    height: 64px;
+    line-height: 64px;
+  }
+  .ivu-layout-header {
+    background-color: #50314F;
+  }
+}
 
 .qib-form .ivu-form-item {
   margin-bottom: 5px;