客户案例小程序二维码上传说明

📱 二维码展示位置

每个客户案例下方都有一个小程序二维码展示区域，用于展示客户实际的小程序二维码。

📂 文件命名规范

请将客户的小程序二维码图片按以下命名保存到 images/ 文件夹：

| 客户案例 | 文件名 | 说明 |

|---------|--------|------|

| 家具工厂 | case-furniture-qr.jpg | 家具工厂的小程序二维码 |

| 灯饰批发 | case-lighting-qr.jpg | 灯饰批发贸易的小程序二维码 |

| 卫浴企业 | case-bathroom-qr.jpg | 卫浴企业的小程序二维码 |

| 外贸企业 | case-export-qr.jpg | 外贸企业的小程序二维码 |

📏 图片规格建议

• 尺寸：建议 300x300 像素或更大（页面会自动缩放到 150x150）
• 格式：JPG 或 PNG
• 大小：不超过 500KB
• 背景：建议白色背景

🚀 上传步骤

方式一：直接放置图片

1. 将二维码图片保存到 docs/website/images/ 文件夹
2. 按上述命名规范命名
3. 重新上传 images/ 文件夹到服务器

方式二：上传后自动显示

如果你已经上传了网站文件，只需要：

1. 将二维码图片上传到服务器的 images/ 文件夹
2. 确保文件名正确
3. 刷新页面即可看到

✅ 效果说明

有二维码时

页面会正常显示小程序二维码，鼠标悬停时会放大。

没有二维码时

如果对应路径没有图片，会显示一个占位符：

┌─────────────┐
│  小程序二维码  │
│    待上传     │
└─────────────┘

这样你可以先部署网站，后续再补充二维码图片。

📋 完整上传清单

如果要完整更新客户案例页面，需要上传：

✅ cases.html                    （案例页面）
✅ images/
   ✅ case-furniture-qr.jpg      （家具工厂二维码）
   ✅ case-lighting-qr.jpg       （灯饰批发二维码）
   ✅ case-bathroom-qr.jpg       （卫浴企业二维码）
   ✅ case-export-qr.jpg         （外贸企业二维码）

💡 提示

1. 暂无二维码：如果某个客户暂时没有小程序二维码，可以不上传图片，页面会显示占位符。

1. 多个二维码：如果一个案例有多个小程序（如不同版本），可以在 qr-code-container 中添加多个 qr-code-item。

1. 二维码获取：可以从客户的小程序后台导出小程序码，或使用微信扫一扫功能截取。

🎨 自定义样式

如需调整二维码显示样式，可以修改 cases.html 中的 .qr-code-section 样式：

.qr-code-item img {
    width: 150px;          / 二维码大小 /
    height: 150px;
    border-radius: 8px;    / 圆角 /
    border: 2px solid #e5e7eb;  / 边框 /
}

准备好二维码图片后，告诉我，我可以帮你更新页面！ 😊