分隔线小部件

Divider Widget允许您添加样式化的水平线来划分您的内容。 https://www.youtube.com/embed/uJTHCI1YPEo?feature=oembed

您可以选择具有精美样式效果的标准系列,也可以从 25 多种 SVG 分隔线中进行选择,以增强设计样式。

此外,您可以在分隔线之前、之后或中间添加文本或图标。

内容

  1. 风格:在许多经典和图案风格之间进行选择,例如实心、卷曲、波浪、部落图案、箭头、加号等。
  2. 宽度:以百分比形式控制分隔线的宽度,范围为 0% 到 100%。
  3. 对齐:将分隔线与页面的左侧、中心或右侧对齐。
  4. 添加元素从无文本图标中选择。选择文本或图标允许您输入要包含的文本或从图标库中选择或上传图标。

风格 #

分频器 #

  1. 颜色:选择分隔线的颜色
  2. 大小:设置分隔线的大小/高度,从 1 到 100,以像素或百分比为单位
  3. 数量:设置要显示的图案元素的数量
  4. 间隙:滑动以设置分隔线上方和下方的间隙,从 1 到 50

文本 #

  1. 颜色:选择文字颜色
  2. 排版:设置文本的排版选项
  3. Position : 选择文本相对于分隔线的位置,从LeftCenterRight中选择
  4. 间距:滑动以在文本和分隔线之间添加间距,从 1 到 50

图标 #

小部件有 3 种不同的VIEWSDefaultStackedFramed。每个都有自己的一组选项。

查看:默认 #
  1. Size : 设置图标的大小
  2. Primary Color : 选择图标颜色
  3. Position : 选择图标相对于分隔线的位置,从LeftCenterRight中选择
  4. 间距:滑动以在图标和分隔线之间添加间距,从 1 到 50
  5. 旋转:滑动以选择旋转图标的度数,从 0 到 360
视图:堆叠 #
  1. Size : 设置图标的大小
  2. Padding:设置图标周围的填充
  3. Primary Color : 设置堆栈背景的颜色
  4. 次要颜色:设置图标的颜色
  5. Position : 选择图标相对于分隔线的位置,从LeftCenterRight中选择
  6. 间距:滑动以在图标和分隔线之间添加间距,从 1 到 50
  7. 旋转:滑动以选择旋转图标的度数,从 0 到 360
  8. Border Radius:设置堆栈背景的边框半径,实现圆角都是完全圆的堆栈
视图:装裱 #
  1. Size : 设置图标的大小
  2. Padding:设置图标周围的填充
  3. Primary Color : 设置边框的颜色
  4. 次要颜色:设置图标的颜色
  5. Position : 选择图标相对于分隔线的位置,从LeftCenterRight中选择
  6. 间距:滑动以在图标和分隔线之间添加间距,从 1 到 50
  7. 旋转:滑动以选择旋转图标的度数,从 0 到 360
  8. Border Width : 控制边框边框的粗细
  9. Border Radius:设置边框边框的边框半径,实现圆角是完全圆的边框

先进的 #

设置适用于此小部件的高级选项

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top