fix: 空态图的背景颜色不符合设计稿

vusion · Jul 25, 2023 · f2547c5 · f2547c5
1 parent eba46de
commit f2547c5
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src-vusion/components/absolute-layout/index.vue b/src-vusion/components/absolute-layout/index.vue
@@ -1,7 +1,7 @@
 <template>
-    <div :class="$style.root" v-on="$listeners" vusion-slot-name="default">
+    <div :class="[$style.root, {[$style.empty]: isEmpty}]" v-on="$listeners" vusion-slot-name="default">
         <slot></slot>
-        <template v-if="(!$slots.default) && $env.VUE_APP_DESIGNER && !!$attrs['vusion-node-path']">
+        <template v-if="isEmpty">
             <div :class="$style.emptyTip">拖入组件放至任意位置</div>
         </template>
     </div>
@@ -11,6 +11,11 @@
 
 export default {
     name: 'van-absolute-layout',
+    computed: {
+        isEmpty() {
+            return !this.$slots.default && this.$env.VUE_APP_DESIGNER && !!this.$attrs['vusion-node-path'];
+        },
+    },
 };
 </script>
 
@@ -21,6 +26,9 @@ export default {
     height: 300px;
     min-height: 100px;
 }
+.root.empty{
+    background: #F7F8FA;
+}
 
 .root>* {
     position: absolute !important;