信息框

信息框提供:标题、描述、图像/图标、分隔符、行动按钮等预制功能和样式效果。

设置选项 - 常规

功能选项主要包括:

  • 标题前缀
  • 标题
  • 描述

设置选项 - 图像/图标

功能选项主要包括:

  • 选择位置(标题上方、标题下方、标题左侧、标题右侧、文本和标题的左侧、文本和标题的右侧)
  • 整体对齐方式(左对齐、中对齐、右对齐)
  • 图像/图标样式(正常、圆形背景、方形/矩形背景、自定义)
  • 图像类型
    • 图片
      • 照片来源(媒体库、URL)
      • 宽度
      • 悬停动画
      • 图像样式
        • CSS过滤器
        • 图像透明度
        • 过渡效果时间
    • 图标
      • 大小
      • 旋转
      • 图标颜色
      • 图标悬停颜色
      • 悬停动画

设置选项 - 分隔符

功能选项主要包括:

  • 位置(前缀之后、标题之后、描述之后)
  • 样式(实线、虚线、点划线、双层)
  • 颜色
  • 厚度
  • 宽度

设置选项 - 行动按钮(CTA)

行动按钮类型:

  • 文本
    • 文本内容
    • 链接
    • 图标
    • 图标位置(文本之前、文本之后)
    • 图标间距
  • 按钮
    • 文本内容
    • 链接
    • 大小(超小、小、中、大、超大)
    • 图标
    • 图标位置(文本之前、文本之后)
    • 图标间距
    • 正常
      • 文本颜色
      • 背景类型(经典、渐层)
      • 边框样式(没有、实线、虚线、点划线、双层)
      • 圆角
      • 盒子阴影
      • 内边距
    • 悬停
      • 文本悬停颜色
      • 背景类型(经典、渐层)
      • 框栏(Box)阴影
      • 悬停动画
  • 全框栏(Box)
    • 链接

样式选项 - 排版样式

功能选项主要包括:

  • 标题
    • 标题标签(H1~H6、div、p)
    • 排版(字型、尺寸、重量、转换、样式、行高、间距)
    • 颜色
    • 混合样式
  • 描述
    • 排版(字型、尺寸、重量、转换、样式、行高、间距)
    • 描述颜色

样式选项 - 外边距

功能选项主要包括:

  • 标题边距
  • 图像/图标边距
  • 描述外边距