时间轴装修模块
0 下载次数
32 查看数
2026-05-26 最后更新
￥39.00
￥59.00
订阅价格：
按额度充值订阅
首次购买赠送1元额度，后续充值额度使用
如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Timeline 时间轴装修模块
概述
Timeline 是一个为商城后台「设计 → 装修」功能增加时间轴展示模块的插件。提供四种精美的时间轴样式，用于展示品牌发展历程、公司大事记、项目里程碑、产品迭代历史等内容。支持丰富的视觉定制，让你的品牌故事更具感染力。
主要功能
🎨 四种时间轴样式
| 样式 | 说明 | 适用场景 |
|---|---|---|
| 样式1 · 横向箭头时间轴 | 等宽铺满的横向卡片布局，箭头状连接线连接各个节点，视觉冲击力强 | 品牌大事记、年度回顾 |
| 样式2 · 纵向图文时间轴 | 左右图文交替布局，支持图片上传与位置切换，支持折叠/展开功能 | 详细发展历程、故事叙述 |
| 样式3 · 居中交错时间轴 | 卡片自动左右交错排列在中轴两侧，视觉优雅，支持图片与折叠功能 | 公司历史、项目里程碑 |
| 样式4 · 横向滚动里程碑 | 卡片横向排列，放不下时可左右滑动（滚动条隐藏），适合触摸屏浏览 | 里程碑展示、时间线概览 |
📐 丰富的配置选项
公共配置（所有样式通用）
| 配置项 | 说明 |
|---|---|
| 标题与描述 | 支持多语言标题和富文本描述 |
| 背景颜色 | 自定义模块背景色 |
| 标题颜色 | 自定义标题文字颜色 |
| 描述颜色 | 自定义描述文字颜色 |
| PC端留白 | 四向独立设置（上/右/下/左），范围 0~400px |
| 移动端留白 | 四向独立设置（上/右/下/左），范围 0~300px |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
样式特定配置
| 样式 | 专属配置 |
|---|---|
| 样式1 | 箭头条颜色 |
| 样式2/3 | 折叠功能开关、默认显示节点数量、展开/收起按钮文案 |
| 样式4 | 无额外配置（卡片自动适配容器） |
📝 时间轴节点内容
每个时间轴节点支持以下内容：
| 字段 | 说明 |
|---|---|
| 副标题 | 支持多语言，节点的核心标题 |
| 描述 | 富文本编辑器，支持格式化内容 |
| 颜色 | 节点主题色（圆点、连接线、卡片描边/底边） |
| 日期 | 日期选择器（样式1/4） |
| 图片 | 图片上传 + Alt 标签（样式2/3） |
| 图片位置 | 居左/居右（仅样式2） |
| 日期标题 | 大号年份文字（样式2/3） |
| 日期文本 | 详细日期信息（样式2/3） |
技术特点
-
✅ 四种样式自由切换：一键切换时间轴外观，无需重新配置节点
-
✅ 响应式适配：移动端自动优化为纵向单列布局
-
✅ 折叠/展开功能：节点过多时可折叠，提升页面浏览体验
-
✅ 图片懒加载：优化页面加载性能
-
✅ CSS 变量控制：每个模块独立配置，互不干扰
-
✅ 任意主题兼容：前台视图由插件自带，不受主题更换影响
-
✅ 设计编辑器预览：装修编辑器内实时预览，所见即所得
适用场景
-
品牌发展历程 / 公司大事记
-
产品版本迭代历史
-
项目里程碑展示
-
团队成长故事
-
活动时间线回顾
-
荣誉资质时间轴
