# 样式设置

样式设置tab,主要是用于配置
  1. 不使用拖拽出来的宽高位置,手动进行赋值
  2. 配置是否显示块标题、以及标题的左侧图标及标题的背景颜色等样式设置
  3. 块的边框样式
  4. 块的背景图片

image-20211027154144

表单属性及使用如下

  1. 块宽度:【String】不使用拖拽出来的块宽度,手动进行赋值;
    不推荐使用,需要同时手动计算 相同行内 的其余块的【宽度】及【左边距】,否则可能会影响整体布局
    如必要推荐使用%、vw等可支持响应式布局的单位
    面板预览页可看到效果

  2. 块高度:【String】不使用拖拽出来的块高度,手动进行赋值;
    不推荐使用,需要同时手动计算 相同列内 的其余块的【高度】及【上边距】,否则可能会影响整体布局
    如必要推荐使用%、vw等可支持响应式布局的单位
    面板预览页可看到效果

  3. 上边距:【String】块距离容器顶部的距离

  4. 下边距:【String】块距离容器底部的距离

  5. 左边距:【String】块距离容器左侧的距离

  6. 右边距:【String】块距离容器右侧的距离

  7. 是否展示标题:是否展示块标题

  8. 标题图标:(选择展示块标题时可选)块标题图标

  9. 块标题背景颜色:(选择展示块标题时可选)

  10. 块标题字体颜色:(选择展示块标题时可选)

  11. 是否展示边框:是否展示块边框(默认黑色实线)

  12. 边框类型:(选择展示块边框时可选)块的边框,下拉数据与面板主题相关

  13. 边框颜色:(选择展示块边框时可选)

  14. 背景图片:块的背景图片,会与除默认面板主题外的边框冲突,优先使用背景图片