如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
FAQ 装修模块
概述
FAQ 是一个为商城后台「设计 → 装修」功能增加常见问题展示模块的插件。你可以自定义标题、描述，以及可拖拽排序的问答列表。前台以优雅的折叠面板（手风琴）形式展示，用户点击问题即可展开/收起答案。支持单独设置答案区域的背景颜色与文字颜色，让 FAQ 区域更贴合品牌风格。
主要功能
❓ 问答管理
| 特性 | 说明 |
|---|---|
| 拖拽排序 | 问答列表支持拖拽调整顺序 |
| 富文本答案 | 答案支持富文本编辑器，可插入图片、链接等格式化内容 |
| 多语言支持 | 每个问答的问题和答案均可独立配置多语言内容 |
| 默认数据 | 首次添加模块时自动填充 4 条示例问答，方便快速上手 |
🎨 样式配置
| 配置项 | 说明 |
|---|---|
| 模块标题 | 支持多语言，可自定义模块主标题 |
| 模块描述 | 支持富文本，可添加说明文字 |
| 答案背景颜色 | 自定义答案区域的背景色 |
| 答案文字颜色 | 自定义答案区域的文字颜色 |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
📱 前台交互
| 特性 | 说明 |
|---|---|
| 折叠面板 | 点击问题即可展开/收起答案，节省页面空间 |
| 默认展开第一条 | 模块加载时第一个 FAQ 自动展开，引导用户了解内容 |
| 图标动画 | 展开/收起时箭头图标平滑旋转 |
| 悬停效果 | 问题悬停时颜色变化，提升交互感 |
技术特点
-
✅ 拖拽排序：问答列表支持拖拽调整顺序
-
✅ 富文本答案：答案内容支持富文本编辑器，排版更灵活
-
✅ 独立颜色配置：答案区域可独立设置背景色和文字颜色
-
✅ 纯 CSS 手风琴：不使用 JavaScript 动画库，性能轻量
-
✅ 响应式设计：移动端自动适配，保持良好的可读性
-
✅ 任意主题兼容：前台视图由插件自带，CSS 变量适配主题色调
-
✅ 装修编辑器完美支持：实时预览，问答列表可展开/收起编辑区域
-
✅ 默认示例数据：首次添加自动填充示例问答，降低配置门槛
适用场景
-
商品常见问题解答
-
物流配送政策说明
-
退换货规则
-
售后服务指南
-
会员/积分制度说明
-
支付方式说明
