[Fix 0000]去除通用组件毛玻璃效果

src/views/vent/home/configurable/blue/components/moduleBottom-warn.vue

@@ -78,8 +78,6 @@ function clickHandler() {
 .module-slot {
   height: calc(100% - 33px);
   width: calc(100% - 15px);
-  -webkit-backdrop-filter: blur(5px);
-  backdrop-filter: blur(5px);
 }
 
 // Transition动画相关

src/views/vent/home/configurable/blue/components/moduleLeft-warn.vue

@@ -10,101 +10,100 @@
   </div>
 </template>
 <script lang="ts" setup>
-  const props = defineProps<{
-    deviceType: string;
-    title: string;
-    visible: boolean;
-  }>();
-  const emit = defineEmits(['close', 'click']);
-  const deviceType = props.deviceType;
+const props = defineProps<{
+  deviceType: string;
+  title: string;
+  visible: boolean;
+}>();
+const emit = defineEmits(['close', 'click']);
+const deviceType = props.deviceType;
 
-  function closeModel() {
-    emit('close');
-  }
-  function clickHandler() {
-    emit('click');
-  }
+function closeModel() {
+  emit('close');
+}
+function clickHandler() {
+  emit('click');
+}
 </script>
 <style lang="less" scoped>
-  @import '/@/design/theme.less';
+@import '/@/design/theme.less';
 
-  @{theme-deepblue} {
-    .module-content {
-      --image-model_original_title_bg: url('@/assets/images/themify/deepblue/home-container/configurable/model_original_title_bg.png');
-    }
-  }
-  .module-content1 {
-    --bg-height: 28px;
-    color: #fff;
-    box-sizing: border-box;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 999;
-    padding: 15px 15px 0px 15px;
-  }
+@{theme-deepblue} {
   .module-content {
-    --bg-height: 28px;
-    color: #fff;
-    box-sizing: border-box;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 999;
-    background: url('@/assets/images/home-warn/2-1.png') no-repeat;
-    background-size: 100% 100%;
-    padding: 15px 15px 0px 15px;
+    --image-model_original_title_bg: url('@/assets/images/themify/deepblue/home-container/configurable/model_original_title_bg.png');
   }
+}
+.module-content1 {
+  --bg-height: 28px;
+  color: #fff;
+  box-sizing: border-box;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  padding: 15px 15px 0px 15px;
+}
+.module-content {
+  --bg-height: 28px;
+  color: #fff;
+  box-sizing: border-box;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  background: url('@/assets/images/home-warn/2-1.png') no-repeat;
+  background-size: 100% 100%;
+  padding: 15px 15px 0px 15px;
+}
 
-  .module-content__title__expand {
-    width: 100%;
-    text-align: center;
-    font-weight: bold;
-    font-size: 16px;
-    line-height: 0px;
-  }
+.module-content__title__expand {
+  width: 100%;
+  text-align: center;
+  font-weight: bold;
+  font-size: 16px;
+  line-height: 0px;
+}
 
-  // .module-content__title {
-  //   width: 50%;
-  //   height: var(--bg-height);
-  //   background: url('@/assets/images/home-container/configurable/model_left_title_bg.png') no-repeat;
-  //   background-size: 100% 100%;
-  //   position: relative;
-  //   text-align: right;
-  //   padding: 4px 10% 0 0;
-  // }
+// .module-content__title {
+//   width: 50%;
+//   height: var(--bg-height);
+//   background: url('@/assets/images/home-container/configurable/model_left_title_bg.png') no-repeat;
+//   background-size: 100% 100%;
+//   position: relative;
+//   text-align: right;
+//   padding: 4px 10% 0 0;
+// }
 
-  // 固定在父容器右上角的按钮图标
-  // .action-btn {
-  //   width: 18px;
-  //   height: 18px;
-  //   background: url('@/assets/images/home-container/configurable/expand.svg') no-repeat center;
-  //   position: absolute;
-  //   right: 0;
-  //   top: 0;
-  // }
-  // .close-btn {
-  //   transform: rotate(-90deg);
-  // }
+// 固定在父容器右上角的按钮图标
+// .action-btn {
+//   width: 18px;
+//   height: 18px;
+//   background: url('@/assets/images/home-container/configurable/expand.svg') no-repeat center;
+//   position: absolute;
+//   right: 0;
+//   top: 0;
+// }
+// .close-btn {
+//   transform: rotate(-90deg);
+// }
 
-  .module-slot {
-    height: calc(100% - 46px);
-    width: 100%;
-    backdrop-filter: blur(5px);
-    margin-top: 26px;
-  }
+.module-slot {
+  height: calc(100% - 46px);
+  width: 100%;
+  margin-top: 26px;
+}
 
-  // Transition动画相关
-  .v-enter-active,
-  .v-leave-active {
-    transition: all 0.3s ease;
-  }
+// Transition动画相关
+.v-enter-active,
+.v-leave-active {
+  transition: all 0.3s ease;
+}
 
-  .v-enter-from,
-  .v-leave-to {
-    // opacity: 1;
-    transform: translateX(-100%);
-    // transform: scaleY(0);
-    // transform-origin: center top;
-  }
+.v-enter-from,
+.v-leave-to {
+  // opacity: 1;
+  transform: translateX(-100%);
+  // transform: scaleY(0);
+  // transform-origin: center top;
+}
 </style>