初始上传

app/component/view/horz_blank/css/design.css

@@ -0,0 +1,3 @@
+@CHARSET "UTF-8";
+/*辅助空白组件*/
+.draggable-element>div.auxiliary-blank .preview-box{padding:10px 0;}

app/component/view/horz_blank/design.html

@@ -0,0 +1,38 @@
+<nc-component :data="data[index]" :class="['auxiliary-blank']">
+
+	<!-- 预览 -->
+	<template slot="preview">
+		
+		<div class="preview-box">
+			<div :style="{ height : nc.height+'px',  backgroundColor : nc.componentBgColor,
+		     borderTopLeftRadius: (nc.componentAngle == 'round' ? nc.topAroundRadius + 'px' : 0),
+		     borderTopRightRadius: (nc.componentAngle == 'round' ? nc.topAroundRadius + 'px' : 0),
+		     borderBottomLeftRadius: (nc.componentAngle == 'round' ? nc.bottomAroundRadius + 'px' : 0),
+		     borderBottomRightRadius: (nc.componentAngle == 'round' ? nc.bottomAroundRadius + 'px' : 0)
+		     }"></div>
+		</div>
+	
+	</template>
+	
+	<!-- 内容编辑 -->
+	<template slot="edit-content">
+		<div class="template-edit-title">
+			<h3>高度设置</h3>
+			<slide :data="{ field : 'height', label : '空白高度' }"></slide>
+		</div>
+	</template>
+	
+	<!-- 样式编辑 -->
+	<template slot="edit-style">
+		<template v-if="nc.lazyLoad">
+			<horz-blank-set></horz-blank-set>
+		</template>
+	</template>
+
+	<!-- 资源 -->
+	<template slot="resource">
+		<css src="{$resource_path}/css/design.css"></css>
+		<js src="{$resource_path}/js/design.js"></js>
+	</template>
+	
+</nc-component>

app/component/view/horz_blank/js/design.js

@@ -0,0 +1,12 @@
+var horzBlankHtml = '<div></div>';
+
+Vue.component("horz-blank-set", {
+    data: function () {
+        return {};
+    },
+    created: function () {
+        this.$parent.data.ignore = ['textColor', 'elementBgColor', 'elementAngle'];//加载忽略内容 -- 其他设置中的属性设置
+        this.$parent.data.ignoreLoad = true; // 等待忽略数组赋值后加载
+    },
+    template: horzBlankHtml
+});