diff --git a/components/diy/auxiliary-blank.vue b/components/diy/auxiliary-blank.vue
new file mode 100644
index 00000000..efa60338
--- /dev/null
+++ b/components/diy/auxiliary-blank.vue
@@ -0,0 +1,41 @@
+<template>
+    <view :style="style_container">
+        <view :style="style"></view>
+    </view>
+</template>
+
+<script>
+const app = getApp();
+import { common_styles_computer } from '@/common/js/common/common.js';
+export default {
+    props: {
+        value: {
+            type: Object,
+            default: () => {
+                return {};
+            },
+        },
+    },
+    data() {
+        return {
+            style_container: '',
+            style: ''
+        };
+    },
+    created() {
+        const { height } = this.value.content;
+        const { line_color, common_style} = this.value.style;
+        this.style = `height: ${height}px;background: ${line_color || 'transparent'};`;
+        this.style_container = common_styles_computer(common_style);
+    },
+    methods: {
+    },
+};
+</script>
+
+<style scoped lang="scss">
+.right-0 {
+    top: 50%;
+    transform: translateY(-50%);
+}
+</style>