预览区 - 区块段功能

在页面设计器预览区内，鼠标经过在一个区块段时，会自动出现该区块段功能按钮，区块段功能按钮包括：

  • 插入段（会在预览区内打开布局结构面板，可以选择结构类型，并插入相应类型的区块段）
  • 编辑段（在打开设置区区块段属性面板）
  • 删除段
  • 拖拽区块段功能按钮，移动区块段位置，修改布局顺序和结构
  • 右键菜单（增/删/复制/拷贝/粘贴：区块段或者样式等）

区块段 - 入口 A

区块段 - 入口 B

区块段 - 插入段

区块段 - 编辑段

区块段 - 右键菜单

区块段 - 保存为本地模板

区块段属性选项包括：

  • 布局
    • 拉伸段（将段拉伸到屏幕全宽）
    • 内容宽度（方框<设置数值> | 全宽度）
    • 栏间距（默认 | 没有间歇 | 窄 | 扩展 | 宽 | 宽阔）
    • 高度（默认 | 适应屏幕 | 最小高度<设置数值>）
    • 垂直对齐（默认 | 顶部 | 中部 | 底部 | 之间的间距 | 周围的空间 | 空间均匀）
    • 溢出模式（默认 | 隐藏）
    • HTML标签（默认 | div | header | footer | main | article | serction | aside | nav）
  • 样式
    • 背景
      • 标准 - 背景类型（经典）：颜色、图像 - 位置（默认 | 顶部左侧 | 顶部中心 | 顶部右侧 | 中心左侧 | 居中 | 中心右侧 | 底部左侧 | 底中心 | 底部右侧 | 定义<X位置、Y位置>）、附件（默认 | 卷动 | 固定）、重复（默认 | 不重复 | 重复 | 水平重复 | 纵向重复）、尺寸（默认 | 自动 | 覆盖 | 包含 | 定义<宽度：比例/数值>）
      • 标准 - 背景类型（渐层）：颜色及其位置、次要颜色及其位置、类型（线性 | 径向）、角度
      • 标准 - 背景类型（视频）：视频链接、开始的时间、结束的时间、是否只播放一次、是否在移动端播放、视频背景图片
      • 标准 - 背景类型（幻灯片）：选择图片、是否无限循环、过渡时间（ms）、过渡方式（渐变 | 左方滑入 | 右方滑入 | 上方滑入 | 下方滑入）、过渡时间、动画效果
      • 悬停 - 背景类型（经典）：颜色、图像、过渡时间
      • 悬停 - 背景类型（渐层）：颜色及其位置、次要颜色及其位置、类型（线性 | 径向）、角度、不透明度
    • 背景覆盖（滤镜效果）
      • 标准 - 背景类型（经典）：颜色、图像、不透明度
      • 标准 - 背景类型（渐层）：颜色及其位置、次要颜色及其位置、类型（线性 | 径向）、角度、不透明度
      • CSS过滤器：模糊、亮度、对比度、饱和度、色调
      • 混合模式：标准、乘法（Multiply）、屏幕（Screen）、叠加（Overlay）、光度（Lighten）、颜色减淡（Color Dodge）、饱和度（Saturation）、颜色（Color）、亮度（Luminosity）
      • 悬停 - 背景类型（经典）：颜色、图像、不透明度
      • 悬停 - 背景类型（渐层）：颜色及其位置、次要颜色及其位置、类型（线性 | 径向）、角度、不透明度
    • 边框
      • 标准 / 悬停：边框类型（没有 | 实线 | 双实线 | 原点 | 虚线 | 沟槽）、边框半径（顶部 | 右边 | 底部 | 左边）、盒子影子（颜色 | 水平 | 垂直 | 模糊 | 扩散 | 位置）
      • 悬停：过渡时间
    • 形状分隔线
      • 顶部 / 底部：类型（没有 | 山 | 降低 | 云 | 曲折 | 金字塔 | 三角形 | 不对称三角形 | 倾斜 | 倾斜不透明度 | 扇形不透明度 | 曲线 | 不对称曲线 | 波浪 | 波浪笔刷 | 波浪样式 | 箭头 | 分割 | 书）
    • 排版（如果启用主题默认颜色，以下颜色设置将不起作用）
      • 标题颜色
      • 文本颜色
      • 链接颜色
      • 链接悬停颜色
      • 文本对齐（左边 | 居中 | 右边）
  • 高级
    • 高级设置：外距（顶部 | 右边 | 底部 | 左边）、内距（顶部 | 右边 | 底部 | 左边）、Z-指数（层对象前后显示优先级数值）、CSS ID、CSS类
    • 动画效果：没有 | 淡入 < 标准淡入（Fade In） | 下方淡入（Fade In Down） | 左方淡入（Fade In Left） | 右方淡入（Fade In Right） | 上方淡入（Fade In Up） > | 缩进 < 标准缩进（Zoom In） | 下方缩进（Zoom In Down） | 左方缩进（Zoom In Left） | 右方缩进（Zoom In Right） | 上方缩进（Zoom In Up） > 弹入 < 标准弹入（Bounce In） | 下方弹入（Bounce In Down） | 左方弹入（Bounce In Left） | 右方弹入（Bounce In Right） | 上方弹入（Bounce In Up） > 滑动 < 下方滑入（Slide In Down） | 左方滑入（Slide In Left） | 右方滑入（Slide In Right） | 上方滑入（Slide In Up） > 旋转 < 标准旋入（Rotate In） | 左下方旋入（Rotate In Down Left） | 右下方旋入（Rotate In Down Right） | 左上方旋入（Rotate In Up Left） | 右上方旋入（Rotate In Up Right） > 引起注意 < 弹跳（Bounce） | 闪烁（Flash） | 脉冲（Pulse） | 橡皮筋弹放（Rubber Band） | 振动（Shake） | 微振（Head Shake） | 底部摆动（Swing） | 摇摆放大（Tada） | 顶部摆动（Wobble） | 拉扯摆动（Jello） < 速度效果（Light Speed） | 高速驶入效果（Light Speed In） > 特殊（Specials） < 翻滚进入（Roll In） >
    • 响应：反向列 (平板 | 手机）、能见度（桌面隐藏 | 平板隐藏 | 手机隐藏）