如何购买
1
登录您的BeikeShop商城后台
2
点击右上角“插件市场”
3
选择需要购买的插件
4
购买&安装
插件描述
Contact Us 联系我们装修模块
概述
Contact Us 是一个为商城后台「设计 → 装修」功能增加联系方式展示模块的插件。它以带背景图与蒙层的横幅形式，展示电话、邮箱、Skype、营业时间等多种联系方式。适合用于首页底部、专属联系页面或任何需要展示联系信息的区域，让顾客轻松找到与你联系的方式。
主要功能
🖼️ 视觉横幅设计
| 特性 | 说明 |
|---|---|
| 背景图片 | 支持 PC 端与移动端分别设置背景图，适配不同设备 |
| 蒙层效果 | 可调节黑色蒙层透明度（0~100%），确保文字清晰可读 |
| 主题配色 | 自定义背景颜色与主题颜色（文字、图标、分隔线颜色） |
| 模块宽度 | 窄屏(container) / 宽屏(container-fluid) / 全屏(w-100) |
📞 联系方式管理
| 特性 | 说明 |
|---|---|
| 拖拽排序 | 联系方式列表支持拖拽调整顺序 |
| 内置图标 | 预设 12 种常用图标（电话、手机、邮箱、Skype、营业时间、地址、WhatsApp、微信、在线客服、网站、Telegram、Facebook） |
| 自定义图标 | 支持上传自定义图标（建议 48×48px），上传后将覆盖内置图标 |
| 标题与内容 | 每个联系方式可设置多语言标题和富文本内容 |
🎨 丰富的配置选项
| 配置项 | 说明 |
|---|---|
| 标题 | 支持多语言，模块主标题 |
| 简短描述 | 富文本描述，支持格式化内容 |
| PC端背景图片 | 建议尺寸 2400×656px |
| 移动端背景图片 | 建议尺寸 1242×1138px |
| 蒙层不透明度 | 0~100% 可调 |
| 图标大小 | 14px ~ 80px 可调 |
| 背景颜色 | 自定义模块背景色（无背景图时生效） |
| 主题颜色 | 自定义文字、图标、分隔线颜色 |
技术特点
-
✅ 双端背景分离：PC 与移动端可设置不同的背景图，完美适配各设备
-
✅ 响应式网格布局：PC 端按联系方式数量等宽排列，移动端自动变为 2 列（超窄屏 1 列）
-
✅ 分隔线智能适配：竖线分割清晰，移动端自动切换为横线分隔
-
✅ 内置图标字体：不依赖主题图标库，自带 Bootstrap Icons 子集，确保图标正常显示
-
✅ 自定义图标支持：上传本地图标替换内置图标，灵活多变
-
✅ 蒙层透明度：可调节黑色蒙层深浅，平衡背景图与文字可读性
-
✅ 任意主题兼容：前台视图由插件自带，不受主题更换影响
-
✅ 装修编辑器完美支持：实时预览，所见即所得
适用场景
-
首页底部联系方式栏
-
专属联系我们页面
-
侧边栏联系信息展示
-
品牌门店信息展示
-
客服/支持中心入口
内置图标列表
| 图标名称 | 对应图标 |
|---|---|
| 电话 | telephone |
| 手机 | phone |
| 邮箱 | envelope |
| Skype | skype |
| 营业时间 | clock |
| 地址 | geo-alt |
| 微信 | |
| 在线客服 | chat-dots |
| 网站 | globe |
| Telegram | telegram |
