design.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <nc-component :data="data[index]" :class="['auxiliary-blank']">
  2. <!-- 预览 -->
  3. <template slot="preview">
  4. <div class="preview-box">
  5. <div :style="{ height : nc.height+'px', backgroundColor : nc.componentBgColor,
  6. borderTopLeftRadius: (nc.componentAngle == 'round' ? nc.topAroundRadius + 'px' : 0),
  7. borderTopRightRadius: (nc.componentAngle == 'round' ? nc.topAroundRadius + 'px' : 0),
  8. borderBottomLeftRadius: (nc.componentAngle == 'round' ? nc.bottomAroundRadius + 'px' : 0),
  9. borderBottomRightRadius: (nc.componentAngle == 'round' ? nc.bottomAroundRadius + 'px' : 0)
  10. }"></div>
  11. </div>
  12. </template>
  13. <!-- 内容编辑 -->
  14. <template slot="edit-content">
  15. <div class="template-edit-title">
  16. <h3>高度设置</h3>
  17. <slide :data="{ field : 'height', label : '空白高度' }"></slide>
  18. </div>
  19. </template>
  20. <!-- 样式编辑 -->
  21. <template slot="edit-style">
  22. <template v-if="nc.lazyLoad">
  23. <horz-blank-set></horz-blank-set>
  24. </template>
  25. </template>
  26. <!-- 资源 -->
  27. <template slot="resource">
  28. <css src="{$resource_path}/css/design.css"></css>
  29. <js src="{$resource_path}/js/design.js"></js>
  30. </template>
  31. </nc-component>