党建主题

components/layout/AiDvWrapper/AiDvWrapper.vue

@@ -1,9 +1,8 @@
 <template>
   <section class="AiDvWrapper" :class="'AiDvWrapper' + theme">
     <dv-full-screen-container>
-      <div class="viewPanel column" flex>
-        <component :is="headerComponent" v-bind="{...$props,...$data}"
-                   @fullscreen="handleFullScreen" @setting="e=>dialog=e" @change="e=>$emit('change',e)"/>
+      <div class="viewPanel column" flex :style="{backgroundImage:`url('${background}')`}">
+        <component :is="headerComponent" v-bind="{...$props,...$data}" @fullscreen="handleFullScreen" @setting="e=>dialog=e" @change="e=>$emit('change',e)"/>
         <div class="fill">
           <slot/>
         </div>
@@ -46,7 +45,8 @@ export default {
     /**
      * 布局方案:black,classic
      */
-    type: {default: "black"}
+    type: {default: "black"},
+    background: {default: ""}
   },
   computed: {
     active: {
@@ -206,7 +206,46 @@ export default {
     }
   }
 
-  :deep(&.AiDvWrapper1) {
+  //党建主题
+  &.AiDvWrapper1 {
+    :deep(.primary) {
+      .content {
+        background-image: url("assets/headerThemePrimaryBG_lb.png"), url("assets/headerThemePrimaryBG_rb.png");
+
+        .item {
+          background-image: url("assets/themeTimeIcon.png");
+        }
+      }
+
+      .el-tabs {
+        .el-tabs__item {
+          &.is-active {
+            color: #FAD88E;
+          }
+        }
+
+        .el-tabs__active-bar {
+          background: linear-gradient(270deg, #fad88e00 0%, #fad88eff 51%, #fad88e00 98%);
+        }
+
+        .el-tabs__nav-prev {
+          background-image: linear-gradient(90deg, #fad88eff 0%, #21131e6e 28%, #23141f42 100%);
+
+          .el-icon-arrow-left:before {
+            color: #FAD88E;
+          }
+        }
+
+        .el-tabs__nav-next {
+          background-image: linear-gradient(270deg, #fad88eff 0%, #21131e6e 28%, #23141f42 100%);
+
+          .el-icon-arrow-right:before {
+            color: #FAD88E;
+          }
+        }
+      }
+    }
+
     .headerBottomBorder {
       display: none;
       background-image: none;
@@ -298,4 +337,5 @@ export default {
     }
   }
 }
+
 </style>

components/layout/AiDvWrapper/layout/primary.vue

@@ -26,16 +26,16 @@ export default {
   computed: {
     tabs: v => [
       ...v.views,
-      // {label: "测试哦哦", id: 1},
-      // {label: "测试哦哦", id: 2},
-      // {label: "测试哦哦", id: 3},
-      // {label: "测试哦哦", id: 4},
-      // {label: "测试哦哦", id: 5},
-      // {label: "测试哦哦", id: 6},
-      // {label: "测试哦哦", id: 7},
-      // {label: "测试哦哦", id: 8},
-      // {label: "测试哦哦", id: 9},
-      // {label: "测试哦哦", id: 10},
+      {label: "测试哦哦", id: 1},
+      {label: "测试哦哦", id: 2},
+      {label: "测试哦哦", id: 3},
+      {label: "测试哦哦", id: 4},
+      {label: "测试哦哦", id: 5},
+      {label: "测试哦哦", id: 6},
+      {label: "测试哦哦", id: 7},
+      {label: "测试哦哦", id: 8},
+      {label: "测试哦哦", id: 9},
+      {label: "测试哦哦", id: 10},
     ]
   },
   data() {
@@ -157,11 +157,11 @@ export default {
       background-position: left center;
 
       &.setting {
-        background-image: url("../assets/settingIcon.png");
+        background-image: url("../assets/settingIcon.png")!important;
       }
 
       &.fullscreen {
-        background-image: url("../assets/fullscreenIcon.png");
+        background-image: url("../assets/fullscreenIcon.png")!important;
       }
     }
   }