浏览代码

[Wip 0000] 可配置首页主题化

houzekong 3 月之前
父节点
当前提交
d838802449
共有 47 个文件被更改,包括 115 次插入65 次删除
  1. 0 7
      index.html
  2. 12 0
      src/assets/images/themify/deepblue/configurable/expand.svg
  3. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/bg.png
  4. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/common-border.png
  5. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/common-border2.png
  6. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/fire-title.png
  7. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/img-5.png
  8. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/module-title-long.png
  9. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/module-title.png
  10. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/qkjaq.png
  11. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/znzdxt.png
  12. 二进制
      src/assets/images/themify/deepblue/configurable/firehome/znzjxt.png
  13. 二进制
      src/assets/images/themify/deepblue/configurable/modal-top.png
  14. 二进制
      src/assets/images/themify/deepblue/configurable/model_bottom_title_bg_expand.png
  15. 二进制
      src/assets/images/themify/deepblue/configurable/model_left_title_bg.png
  16. 二进制
      src/assets/images/themify/deepblue/configurable/model_left_title_bg_expand.png
  17. 二进制
      src/assets/images/themify/deepblue/configurable/model_original_title_bg.png
  18. 二进制
      src/assets/images/themify/deepblue/configurable/model_original_title_bg_expand.png
  19. 二进制
      src/assets/images/themify/deepblue/configurable/model_right_title_bg.png
  20. 二进制
      src/assets/images/themify/deepblue/configurable/model_right_title_bg_expand.png
  21. 0 1
      src/components/vent/ventBox1.vue
  22. 3 0
      src/design/theme.less
  23. 3 0
      src/design/themify/dark.less
  24. 5 1
      src/design/themify/deepblue.less
  25. 3 0
      src/design/themify/light.less
  26. 3 0
      src/design/themify/vent1.less
  27. 0 1
      src/hooks/setting/index.ts
  28. 1 1
      src/layouts/default/layout.data.ts
  29. 1 1
      src/views/vent/deviceManager/configurationTable/options.ts
  30. 4 1
      src/views/vent/home/configurable/components/ModuleBD.vue
  31. 3 0
      src/views/vent/home/configurable/components/ModuleBDDual.vue
  32. 3 3
      src/views/vent/home/configurable/components/ModuleEnhanced.vue
  33. 3 3
      src/views/vent/home/configurable/components/ModuleOriginal.vue
  34. 0 18
      src/views/vent/home/configurable/components/content.vue
  35. 21 5
      src/views/vent/home/configurable/components/detail/ComplexList.vue
  36. 8 0
      src/views/vent/home/configurable/components/detail/CustomGallery.vue
  37. 3 2
      src/views/vent/home/configurable/components/enhanced/moduleBottom.vue
  38. 4 2
      src/views/vent/home/configurable/components/enhanced/moduleLeft.vue
  39. 4 2
      src/views/vent/home/configurable/components/enhanced/moduleRight.vue
  40. 5 3
      src/views/vent/home/configurable/components/header.vue
  41. 3 3
      src/views/vent/home/configurable/components/original/moduleBottom.vue
  42. 3 3
      src/views/vent/home/configurable/components/original/moduleLeft.vue
  43. 1 1
      src/views/vent/home/configurable/dust.vue
  44. 7 1
      src/views/vent/home/configurable/dustBD.vue
  45. 4 4
      src/views/vent/home/configurable/fire.vue
  46. 7 1
      src/views/vent/home/configurable/fireWZ.vue
  47. 1 1
      src/views/vent/home/configurable/vent.vue

+ 0 - 7
index.html

@@ -43,13 +43,6 @@
           background-color: none;
           background-image: url('./src/assets/images/themify/deepblue/loading-bg.png');
         }
-        html[data-theme='deepblue'] .app-loading .app-loading-title {
-          padding: 10px 100px;
-          background-size: 100% auto;
-          background-position: center;
-          background-image: url('./src/assets/images/themify/deepblue/login/input-down.png');
-          background-repeat: no-repeat;
-        }
         body{
           background-color: var(--vent-base-color)
         }

+ 12 - 0
src/assets/images/themify/deepblue/configurable/expand.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.03" height="18.03" viewBox="0 0 18.03 18.03">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.295" y1="1" x2="0.946" y2="0.157" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#7bf"/>
+      <stop offset="1" stop-color="#fff"/>
+    </linearGradient>
+  </defs>
+  <g id="组_15349" data-name="组 15349" transform="translate(8.817 21.23) rotate(-135)">
+    <path id="路径_45560" data-name="路径 45560" d="M8.5,8.5,17,0,8.5,1.4,0,0Z" transform="translate(0 4.531)" fill="url(#linear-gradient)"/>
+    <path id="路径_45561" data-name="路径 45561" d="M3.971,5.745,7.943,0,3.971,1.781,0,0Z" transform="translate(4.526 0)" fill="url(#linear-gradient)"/>
+  </g>
+</svg>

二进制
src/assets/images/themify/deepblue/configurable/firehome/bg.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/common-border.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/common-border2.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/fire-title.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/img-5.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/module-title-long.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/module-title.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/qkjaq.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/znzdxt.png


二进制
src/assets/images/themify/deepblue/configurable/firehome/znzjxt.png


二进制
src/assets/images/themify/deepblue/configurable/modal-top.png


二进制
src/assets/images/themify/deepblue/configurable/model_bottom_title_bg_expand.png


二进制
src/assets/images/themify/deepblue/configurable/model_left_title_bg.png


二进制
src/assets/images/themify/deepblue/configurable/model_left_title_bg_expand.png


二进制
src/assets/images/themify/deepblue/configurable/model_original_title_bg.png


二进制
src/assets/images/themify/deepblue/configurable/model_original_title_bg_expand.png


二进制
src/assets/images/themify/deepblue/configurable/model_right_title_bg.png


二进制
src/assets/images/themify/deepblue/configurable/model_right_title_bg_expand.png


+ 0 - 1
src/components/vent/ventBox1.vue

@@ -68,7 +68,6 @@
         // background-color: #0097ff05;
         background-color: var(--container-color);
         backdrop-filter: blur(5px);
-        border-radius: 0 0 20px 20px;
 
         &::before {
           content: '';

+ 3 - 0
src/design/theme.less

@@ -81,6 +81,9 @@ html[data-theme='light'] {
 // 下面的代码负责将 themify 文件夹下声明的 css 变量赋给 less 变量
 @themify-text-primary: var(--themify-text-primary);
 @vent-base-light-bg: var(--vent-base-light-bg);
+@vent-configurable-module-bg: var(--vent-configurable-module-bg);
+@vent-configurable-bg: var(--vent-configurable-bg);
+@vent-base-light-bg-opcity: var(--vent-base-light-bg-opcity);
 
 // 下面的代码负责将主题相关的选择器、图片前缀等 less 变量声明
 @theme-dark: ~"html[data-theme='dark2']";

+ 3 - 0
src/design/themify/dark.less

@@ -1,4 +1,7 @@
 html[data-theme='dark2'] {
     --themify-text-primary: #ddd;
     --vent-base-light-bg: #60f4ff;
+    --vent-base-light-bg-opcity: #60f4ff55;
+    --vent-configurable-bg: #09316a;
+    --vent-configurable-module-bg: #3df6ff22;
 }

+ 5 - 1
src/design/themify/deepblue.less

@@ -1,4 +1,8 @@
 html[data-theme='deepblue'] {
+    --vent-base-color: #021632;
     --themify-text-primary: #ddd;
-    --vent-base-light-bg: #60f4ff;
+    --vent-base-light-bg: #8691a3;
+    --vent-base-light-bg-opcity: #8691a355;
+    --vent-configurable-bg: #02132c;
+    --vent-configurable-module-bg: #0d2037;
 }

+ 3 - 0
src/design/themify/light.less

@@ -1,4 +1,7 @@
 html[data-theme='light'] {
     --themify-text-primary: #333;
     --vent-base-light-bg: #60f4ff;
+    --vent-base-light-bg-opcity: #60f4ff55;
+    --vent-configurable-bg: #09316a;
+    --vent-configurable-module-bg: #3df6ff22;
 }

+ 3 - 0
src/design/themify/vent1.less

@@ -1,4 +1,7 @@
 html[data-theme='vent1'] {
     --themify-text-primary: #fff;
     --vent-base-light-bg: #60f4ff;
+    --vent-base-light-bg-opcity: #60f4ff55;
+    --vent-configurable-bg: #09316a;
+    --vent-configurable-module-bg: #259ccf22;
 }

+ 0 - 1
src/hooks/setting/index.ts

@@ -26,7 +26,6 @@ const getUrl = () => {
             logoUrl = data.result['logoIcon'] ? data.result['logoIcon'] : '';
             sysOrgCode = data.result['sysOrgCode'] ? data.result['sysOrgCode'] : '';
             const homePathKey = data.result['defaultTheme'] ? data.result['defaultTheme'] : '';
-
             homePath = getHomePath(homePathKey);
             const faviconIcon = document.getElementById('faviconIcon');
             if (faviconIcon) {

+ 1 - 1
src/layouts/default/layout.data.ts

@@ -12,7 +12,7 @@ export const ThemeModel = {
     'vent-btn-primary-border-color': '#5675c96b',
   },
   theme6_0: {
-    'vent-base-color': '#09172c',
+    // 'vent-base-color': '#09172c',
     'vent-header-bg-color': 'linear-gradient(#005177, #0a344c)',
     'vent-btn-primary-hover-color': '#389bd9',
     'vent-btn-primary-focus-color': '#1c638a99',

+ 1 - 1
src/views/vent/deviceManager/configurationTable/options.ts

@@ -16,7 +16,7 @@ export const ModuleSizeOptions = _.map(ModuleSizeMap, (v, k) => ({
 }));
 
 /** 默认的模块版本选项,即外边框样式 */
-export const ModuleVersionOptions = _.map(['原版', '新版', '保德'], (k) => ({
+export const ModuleVersionOptions = _.map(['原版', '新版', '普通版', '保德'], (k) => ({
   value: k,
   label: k,
 }));

+ 4 - 1
src/views/vent/home/configurable/components/ModuleBD.vue

@@ -132,7 +132,10 @@
 
   @{theme-deepblue} {
     .dane-bd {
-      --image-module-title: url('@/assets/images/home-container/configurable/firehome/module-title.png');
+      --image-module-title: url('@/assets/images/themify/deepblue/configurable/firehome/module-title.png');
+      --image-common-border: url('@/assets/images/themify/deepblue/configurable/firehome/common-border.png');
+      --image-common-border2: url('@/assets/images/themify/deepblue/configurable/firehome/common-border2.png');
+      --image-module-title-long: url('@/assets/images/themify/deepblue/configurable/firehome/module-title-long.png');
     }
   }
 

+ 3 - 0
src/views/vent/home/configurable/components/ModuleBDDual.vue

@@ -161,6 +161,9 @@
   @{theme-deepblue} {
     .dane-bd {
       --image-module-title: url('@/assets/images/home-container/configurable/firehome/module-title.png');
+      --image-common-border: url('@/assets/images/home-container/configurable/firehome/common-border.png');
+      --image-common-border2: url('@/assets/images/home-container/configurable/firehome/common-border2.png');
+      --image-module-title-long: url('@/assets/images/home-container/configurable/firehome/module-title-long.png');
     }
   }
 

+ 3 - 3
src/views/vent/home/configurable/components/ModuleEnhanced.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 新版模块 -->
   <component
-    :is="getModuleComponent(showStyle.position)"
+    :is="getModuleComponent(showStyle)"
     :style="style"
     :title="moduleName"
     :visible="visible"
@@ -49,8 +49,8 @@
   });
 
   // 根据配置里的定位判断应该使用哪个module组件
-  function getModuleComponent(position) {
-    if (position.includes('bottom')) {
+  function getModuleComponent({ size, position }) {
+    if (position.includes('bottom') || size.includes('width:1000px')) {
       return ModuleBottom;
     }
     if (position.includes('left')) {

+ 3 - 3
src/views/vent/home/configurable/components/ModuleOriginal.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 原版模块 -->
   <component
-    :is="getModuleComponent(showStyle.position)"
+    :is="getModuleComponent(showStyle)"
     :style="style"
     :title="moduleName"
     :visible="visible"
@@ -48,8 +48,8 @@
   });
 
   // 根据配置里的定位判断应该使用哪个module组件
-  function getModuleComponent(position) {
-    if (position.includes('bottom')) {
+  function getModuleComponent({ size, position }) {
+    if (position.includes('bottom') || size.includes('width:1000px')) {
       return ModuleBottom;
     }
     if (position.includes('left')) {

+ 0 - 18
src/views/vent/home/configurable/components/content.vue

@@ -299,24 +299,6 @@
 <style lang="less" scoped>
   @import '@/design/vent/color.less';
 
-  /* Header 相关的样式 */
-  .content__header {
-    height: 30px;
-    background-image: linear-gradient(90deg, #3df6ff44, transparent 20%, transparent 80%, #3df6ff44);
-  }
-  .content__header_left {
-    border-left: 3px solid;
-    border-right: 3px solid;
-    border-image-source: linear-gradient(to top, #185f7188, #3df6ff, #185f7188);
-    border-image-slice: 1;
-  }
-  .content__header_right {
-    border-left: 3px solid;
-    border-right: 3px solid;
-    border-image-source: linear-gradient(to top, #185f7188, #3df6ff, #185f7188);
-    border-image-slice: 1;
-    min-width: 160px;
-  }
   .content {
     height: calc(100% - 30px);
     position: relative;

+ 21 - 5
src/views/vent/home/configurable/components/detail/ComplexList.vue

@@ -44,9 +44,25 @@
 </script>
 <style lang="less" scoped>
     @import '@/design/vent/color.less';
+    @import '@/design/theme.less';
     /* Timeline 相关的样式 */
 
+    @{theme-deepblue} {
+      .list {
+        --image-img-3: url(/@/assets/images/home-container/configurable/firehome/img-3.png);
+        --image-img-7: url(/@/assets/images/home-container/configurable/firehome/img-7.png);
+        --image-img-8: url(/@/assets/images/home-container/configurable/firehome/img-8.png);
+        --image-img-9: url(/@/assets/images/home-container/configurable/firehome/img-9.png);
+        --image-list_bg_1: url(/@/assets/images/home-container/configurable/dusthome/list_bg_1.png);
+      }
+    }
+
     .list {
+        --image-img-3: url(/@/assets/images/home-container/configurable/firehome/img-3.png);
+        --image-img-7: url(/@/assets/images/home-container/configurable/firehome/img-7.png);
+        --image-img-8: url(/@/assets/images/home-container/configurable/firehome/img-8.png);
+        --image-img-9: url(/@/assets/images/home-container/configurable/firehome/img-9.png);
+        --image-list_bg_1: url(/@/assets/images/home-container/configurable/dusthome/list_bg_1.png);
       padding: 5px 20px;
       position: relative;
       width: 100%;
@@ -57,7 +73,7 @@
       position: relative;
       height: 140px;
       background-repeat: no-repeat;
-      background-image: url(/@/assets/images/home-container/configurable/firehome/img-3.png);
+      background-image: var(--image-img-3);
       background-size: auto 100%;
       background-position: center;
     }
@@ -140,7 +156,7 @@
       // background-size: auto 100%;
       background-size: 87% auto;
       background-position: center;
-      background-image: url(/@/assets/images/home-container/configurable/firehome/img-7.png);
+      background-image: var(--image-img-7);
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -192,7 +208,7 @@
       height: 140px;
       width: 200px;
       background-repeat: no-repeat;
-      background-image: url(/@/assets/images/home-container/configurable/firehome/img-8.png);
+      background-image: var(--image-img-8);
       background-size: 100% 100%;
       background-position: left center;
     }
@@ -250,7 +266,7 @@
       height: 110px;
       width: 200px;
       background-repeat: no-repeat;
-      background-image: url(/@/assets/images/home-container/configurable/firehome/img-9.png);
+      background-image: var(--image-img-9);
       background-size: 100% auto;
       background-position: center top;
       text-align: center;
@@ -308,7 +324,7 @@
     height: 104px;
     width: 188px;
     background-repeat: no-repeat;
-    background-image: url(/@/assets/images/home-container/configurable/dusthome/list_bg_1.png);
+    background-image: var(--image-list_bg_1);
     background-size: 100% auto;
     background-position: center top;
     text-align: center;

+ 8 - 0
src/views/vent/home/configurable/components/detail/CustomGallery.vue

@@ -35,6 +35,14 @@
 </script>
 <style lang="less" scoped>
   @import '@/design/vent/color.less';
+  @import '@/design/theme.less';
+
+  @{theme-deepblue} {
+    .gallery {
+      --image-img-3: url(/@/assets/images/home-container/configurable/firehome/img-3.png);
+    }
+  }
+
   .gallery {
     position: relative;
     width: 100%;

+ 3 - 2
src/views/vent/home/configurable/components/enhanced/moduleBottom.vue

@@ -27,7 +27,8 @@
 
   @{theme-deepblue} {
     .module-bottom {
-      --image-model_bottom_title_bg_expand: url('@/assets/images/home-container/configurable/model_bottom_title_bg_expand.png');
+      --image-model_bottom_title_bg_expand: url('@/assets/images/themify/deepblue/configurable/model_bottom_title_bg_expand.png');
+      --image-expand: url('@/assets/images/themify/deepblue/configurable/expand.svg');
     }
   }
 
@@ -82,7 +83,7 @@
     .module-slot {
       height: calc(100% - 33px);
       width: 100%;
-      background-color: #259ccf22;
+      background-color: var(--vent-configurable-module-bg);
     }
   }
 

+ 4 - 2
src/views/vent/home/configurable/components/enhanced/moduleLeft.vue

@@ -27,7 +27,9 @@
 
   @{theme-deepblue} {
     .module-left {
-      --image-model_left_title_bg_expand: url('@/assets/images/home-container/configurable/model_left_title_bg_expand.png');
+      --image-model_left_title_bg_expand: url('@/assets/images/themify/deepblue/configurable/model_left_title_bg_expand.png');
+      --image-model_left_title_bg: url('@/assets/images/themify/deepblue/configurable/model_left_title_bg.png');
+      --image-expand: url('@/assets/images/themify/deepblue/configurable/expand.svg');
     }
   }
 
@@ -84,7 +86,7 @@
     .module-slot {
       height: calc(100% - 33px);
       width: 100%;
-      background-color: #259ccf22;
+      background-color: var(--vent-configurable-module-bg);
     }
   }
 

+ 4 - 2
src/views/vent/home/configurable/components/enhanced/moduleRight.vue

@@ -27,7 +27,9 @@
 
   @{theme-deepblue} {
     .module-right {
-      --image-model_right_title_bg_expand: url('@/assets/images/home-container/configurable/model_right_title_bg_expand.png');
+      --image-model_right_title_bg_expand: url('@/assets/images/themify/deepblue/configurable/model_right_title_bg_expand.png');
+      --image-model_right_title_bg: url('@/assets/images/themify/deepblue/configurable/model_right_title_bg.png');
+      --image-expand: url('@/assets/images/themify/deepblue/configurable/expand.svg');
     }
   }
 
@@ -85,7 +87,7 @@
     .module-slot {
       height: calc(100% - 33px);
       width: 100%;
-      background-color: #259ccf22;
+      background-color: var(--vent-configurable-module-bg);
     }
   }
 

+ 5 - 3
src/views/vent/home/configurable/components/header.vue

@@ -75,19 +75,21 @@
   );
 </script>
 <style scoped>
+  @import '/@/design/theme.less';
+
   .costume-header {
     height: 30px;
-    background-image: linear-gradient(90deg, #3df6ff44, transparent 20%, transparent 80%, #3df6ff44);
+    background-image: linear-gradient(90deg, var(--vent-base-light-bg-opcity), transparent 20%, transparent 80%, var(--vent-base-light-bg-opcity));
   }
   .costume-header_left {
     border-left: 3px solid;
     border-right: 3px solid;
-    border-image-source: linear-gradient(to top, #185f7188, #3df6ff, #185f7188);
+    border-image-source: linear-gradient(to top, #00000033, var(--vent-base-light-bg), #00000033);
     border-image-slice: 1;
   }
   .costume-header_right {
     border-right: 3px solid;
-    border-image-source: linear-gradient(to top, #185f7188, #3df6ff, #185f7188);
+    border-image-source: linear-gradient(to top, #00000033, var(--vent-base-light-bg), #00000033);
     border-image-slice: 1;
   }
 

+ 3 - 3
src/views/vent/home/configurable/components/original/moduleBottom.vue

@@ -24,8 +24,8 @@
   @import '/@/design/theme.less';
 
   @{theme-deepblue} {
-    .module-left {
-      --image-model_original_title_bg_expand: url('@/assets/images/home-container/configurable/model_original_title_bg_expand.png');
+    .module-content {
+      --image-model_original_title_bg_expand: url('@/assets/images/themify/deepblue/configurable/model_original_title_bg_expand.png');
     }
   }
 
@@ -76,7 +76,7 @@
     height: calc(100% - 33px);
     width: calc(100% - 15px);
     backdrop-filter: blur(5px);
-    background-color: #6ad6ff1c;
+    background-color: var(--vent-configurable-module-bg);
     margin-left: 5px;
   }
 

+ 3 - 3
src/views/vent/home/configurable/components/original/moduleLeft.vue

@@ -24,8 +24,8 @@
   @import '/@/design/theme.less';
 
   @{theme-deepblue} {
-    .module-left {
-      --image-model_original_title_bg: url('@/assets/images/home-container/configurable/model_original_title_bg.png');
+    .module-content {
+      --image-model_original_title_bg: url('@/assets/images/themify/deepblue/configurable/model_original_title_bg.png');
     }
   }
 
@@ -77,7 +77,7 @@
     width: calc(100% - 20px);
     backdrop-filter: blur(5px);
     // #182d47
-    background-color: #6ad6ff1c;
+    background-color: var(--vent-configurable-module-bg);
     margin-left: 10px;
   }
 

+ 1 - 1
src/views/vent/home/configurable/dust.vue

@@ -109,7 +109,7 @@
 
   @{theme-deepblue} {
     .company-home {
-      --image-modal-top: url('@/assets/images/vent/home/modal-top.png');
+      --image-modal-top: url('@/assets/images/themify/deepblue/configurable/modal-top.png');
     }
   }
 

+ 7 - 1
src/views/vent/home/configurable/dustBD.vue

@@ -117,7 +117,13 @@
 
   @{theme-deepblue} {
     .company-home {
-      --image-bg: url('@/assets/images/home-container/configurable/firehome/bg.png');
+      --image-bg: url('@/assets/images/themify/deepblue/configurable/firehome/bg.png');
+      --image-fire-title: url(/@/assets/images/themify/deepblue/configurable/firehome/fire-title.png);
+      --image-qkjaq: url('/@/assets/images/themify/deepblue/configurable/firehome/qkjaq.png');
+      --image-common-border2: url('/@/assets/images/themify/deepblue/configurable/firehome/common-border2.png');
+      --image-img-5: url(/@/assets/images/themify/deepblue/configurable/firehome/img-5.png);
+      --image-ggxt: url(/@/assets/images/themify/deepblue/configurable/firehome/ggxt.png);
+      --image-zjxt: url(/@/assets/images/themify/deepblue/configurable/firehome/zjxt.png);
     }
   }
 

+ 4 - 4
src/views/vent/home/configurable/fire.vue

@@ -59,9 +59,9 @@
         </div>
       </div>
     </template>
-    <div style="width: 1000px; height: 570px; position: absolute; left: calc(50% - 500px); top: 60px">
+    <!-- <div style="width: 1000px; height: 570px; position: absolute; left: calc(50% - 500px); top: 60px">
       <VentModal />
-    </div>
+    </div> -->
   </div>
 </template>
 <script lang="ts" setup>
@@ -109,7 +109,7 @@
 
   @{theme-deepblue} {
     .company-home {
-      --image-modal-top: url('@/assets/images/vent/home/modal-top.png');
+      --image-modal-top: url('@/assets/images/themify/deepblue/configurable/modal-top.png');
     }
   }
 
@@ -117,7 +117,7 @@
     --image-modal-top: url('@/assets/images/vent/home/modal-top.png');
     width: 100%;
     height: 100%;
-    color: @white;
+    color: #fff;
     position: relative;
     // background: url('@/assets/images/home-container/configurable/firehome/bg.png') no-repeat center;
 

+ 7 - 1
src/views/vent/home/configurable/fireWZ.vue

@@ -105,7 +105,13 @@
 
   @{theme-deepblue} {
     .company-home {
-      --image-bg: url('@/assets/images/home-container/configurable/firehome/bg.png');
+      --image-bg: url('@/assets/images/themify/deepblue/configurable/firehome/bg.png');
+      --image-fire-title: url(/@/assets/images/themify/deepblue/configurable/firehome/fire-title.png);
+      --image-qkjaq: url('/@/assets/images/themify/deepblue/configurable/firehome/qkjaq.png');
+      --image-common-border2: url('/@/assets/images/themify/deepblue/configurable/firehome/common-border2.png');
+      --image-img-5: url(/@/assets/images/themify/deepblue/configurable/firehome/img-5.png);
+      --image-ggxt: url(/@/assets/images/themify/deepblue/configurable/firehome/ggxt.png);
+      --image-zjxt: url(/@/assets/images/themify/deepblue/configurable/firehome/zjxt.png);
     }
   }
 

+ 1 - 1
src/views/vent/home/configurable/vent.vue

@@ -107,7 +107,7 @@
 
   @{theme-deepblue} {
     .company-home {
-      --image-modal-top: url('@/assets/images/vent/home/modal-top.png');
+      --image-modal-top: url('@/assets/images/themify/deepblue/configurable/modal-top.png');
     }
   }