如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Image Text List 图文列表装修模块
概述
Image Text List 是一个为商城后台「设计 → 装修」功能增加图文列表展示模块的插件。通过可视化拖拽编辑器，你可以轻松创建以「图片 + 标题 + 文字」卡片形式展示品牌故事、特色卖点、服务介绍等内容。
主要功能
🎨 两种展示方式
| 展示方式 | 说明 |
|---|---|
| 平铺 | 静态网格布局，按行列整齐排列，适合固定数量内容 |
| 轮播 | 基于 Swiper 的轮播组件，支持触摸滑动，适合多内容展示 |
📐 丰富的配置选项
| 配置项 | 说明 |
|---|---|
| 标题与描述 | 支持多语言标题和富文本描述 |
| 文字对齐方式 | 左对齐 / 居中 / 右对齐 |
| PC端每排数量 | 可设置 1~6 个 |
| 移动端每排数量 | 可设置 1~4 个 |
| 卡片间距 | 10px ~ 120px 可调，平铺与轮播均生效 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
📝 图文内容管理
-
拖拽排序：图文列表支持拖拽调整顺序
-
图片：支持上传图片，带 Alt 标签，建议宽度 1000px 以上
-
标题：支持多语言标题
-
内容：富文本编辑器，支持格式化内容
-
跳转链接：支持站内/站外链接，可选择新窗口打开
技术特点
-
✅ 无侵入设计：样式与色调贴合系统默认主题
-
✅ 任意主题兼容：前台渲染视图由插件自带，不受主题更换影响
-
✅ 响应式适配：PC 与移动端独立配置每排数量
-
✅ 性能优化：图片懒加载，CSS 变量控制样式
-
✅ Swiper 轮播：流畅的滑动体验，支持导航箭头与分页圆点
-
✅ 图片悬停效果：卡片悬停时图片平滑放大
适用场景
-
品牌故事展示
-
特色服务/产品卖点介绍
-
团队介绍
-
客户案例展示
-
企业文化宣传
