如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Info List 信息列表装修模块
概述
Info List 是一个为商城后台「设计 → 装修」功能增加信息列表展示模块的插件。它以一排「图片 + 简短描述」的卡片形式，展示服务特色、配送说明、售后保障等信息条。可配置每排数量、对齐方式和移动端显示策略，非常适合用于首页底部服务栏、商品详情页卖点展示、会员权益说明等场景。
主要功能
📋 信息卡片列表
| 特性 | 说明 |
|---|---|
| 图片展示 | 每项可上传小图标或图片（建议宽度 40px+，高度自适应） |
| 简短描述 | 每项可配置多语言富文本描述，支持格式化内容 |
| 拖拽排序 | 信息列表支持拖拽调整顺序 |
| PC/移动端独立列数 | 可独立设置 PC 端和移动端每排显示数量 |
🎨 丰富的配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 模块主标题（支持多语言） |
| 简短描述 | 模块描述文字（支持富文本） |
| 对齐方式 | 居左 / 居中 / 居右（控制卡片内图文对齐） |
| PC每排数量 | 可设置 1~6 列 |
| 移动端每排数量 | 可设置 1~4 列 |
| 查看更多按钮 | 可自定义按钮文案和跳转链接 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
技术特点
-
✅ 响应式网格布局：使用 CSS Grid 实现，PC 端 1~6 列，移动端 1~4 列，自动换行
-
✅ 灵活的对齐方式：卡片内图文可独立控制左/中/右对齐
-
✅ 富文本支持：每项描述支持富文本编辑器，可插入链接和格式化内容
-
✅ 查看更多按钮：支持自定义文案和链接（外部/内部链接，新窗口打开）
-
✅ 简洁的图标设计：图片建议宽度 40px+，高度自适应，居中完整显示
-
✅ 任意主题兼容：前台视图由插件自带，样式使用 CSS 变量适配主题
-
✅ 装修编辑器完美支持：实时预览，信息列表可拖拽排序
适用场景
-
首页底部服务栏（正品保证、七天退换、极速发货、售后无忧）
-
商品详情页卖点展示
-
会员权益/积分说明
-
配送/支付方式说明
-
售后保障/退换货政策
-
品牌优势/服务特色介绍
