Banner

Ethereal 主题的 Banner 可玩性很高,支持多种显示模式与样式。在「主题设置 → 布局 → Banner 布局」配置显示模式,在「主题设置 → 样式设置 → Banner 样式」配置图片与轮播。

显示模式

在「主题设置 → 布局设置 → Banner 布局 → 模式」中选择:

模式

说明

关闭/纯色模式

不显示横幅,页面为纯色背景

横幅模式

非首页显示 35vh 横幅、首页延伸至 65vh

全屏模式

非首页同横幅模式,首页 Banner 占满整屏(100vh)

全屏透明

无横幅、整屏壁纸作为页面背景,配合「高级材质」使内容与组件卡片磨砂透明

在「主题设置 → 样式设置 → Banner 样式 → 类型」中选择:

  • 单图/视频:支持 PNG / JPEG / WebP / APNG / GIF 图片或 MP4 / WebM 视频

  • 多图轮播:支持淡入淡出 / 左右滑动两种切换效果

轮播设置

设置项

说明

轮播图片

添加多张图片用于轮播展示

切换效果

淡入淡出 / 左右滑动

显示指示点

底部圆点导航指示器

预加载数量

轮播预加载的图片数量

停留时长

每张图片停留时间(毫秒)

显示暂停按钮

是否显示暂停/播放控制按钮

移动端独立来源

在「主题设置 → 样式设置 → Banner 样式 → 移动端独立来源」中开启,可为移动端(<768px)单独配置 Banner 图片/视频,避免移动端裁切不美观。

标题与副标题

在「主题设置 → 布局 → Banner 布局」中配置:

  • 标题:Banner 正中显示的标题文案

  • 副标题:标题下方的副标题文案

  • 标题字号:可自定义字体大小

  • 标题动效:可选打字机效果 / 文字下坠