无忧设计卡片式带购物车
商品详情
### 技术架构
- 框架 ：Laravel PHP框架
- 模板引擎 ：Blade
- 样式 ：CSS变量+Flexbox+Grid布局
- 交互 ：原生JavaScript
- 响应式设计 ：适配PC、平板、移动端
### 主要功能 1. 前台功能
- 商品展示 ：分类导航+商品卡片布局，支持搜索功能
- 购物车 ：添加/删除商品，实时更新购物车数量
- 订单查询 ：通过订单号和密码查询订单状态
- 在线客户 ：支持微信、Telegram等联系方式，可配置显示方式
- 公告系统 ：支持在导航栏显示菜单和/或在导航下显示公告内容
- 自动发货 ：虚拟商品自动发送卡密
- 人工处理 ：支持人工发货商品 2. 后台管理
- 系统设置 ：网站标题、Logo、模板、语言、订单过期时间等
- 商品管理 ：商品分类、商品列表、卡密管理
- 订单管理 ：订单列表、订单状态管理
- 配置管理 ：支付配置、邮件设置、极验设置
- 在线客户设置 ：设置联系方式和显示状态
- 导航设置 ：配置公告菜单的显示方式
### 设计特点 1. 视觉设计
- 深色主题 ：采用深色背景，减少视觉疲劳
- 窄屏布局 ：最大宽度1000px，内容居中显示
- 卡片设计 ：商品卡片采用73*73圆角正方体图片
- 动画效果 ：商品卡片悬停时上移并添加阴影
- 颜色系统 ：使用CSS变量管理主题颜色 2. 交互设计
- 购物车动画 ：添加商品时的动画效果
- 删除反馈 ：删除商品时显示绿色对勾
- 分类切换 ：平滑切换不同分类的商品
- 模态框 ：公告内容使用居中模态框展示
- 悬浮组件 ：在线客户悬浮显示，可折叠 3. 响应式设计
- PC端 ：三列商品布局
- 平板 ：两列商品布局
- 移动端 ：单列商品布局
- 导航适配 ：移动端导航折叠显示
### 特色功能
1. 灵活的公告系统 ：支持多种显示方式，可在后台灵活配置
2. 多种联系方式 ：支持微信、Telegram等多种在线客服方式
3. 自动/人工发货 ：根据商品类型自动选择发货方式
4. 订单推送 ：支持多种订单推送方式（Server酱、Telegram、Bark、企业微信）
5. 优惠码系统 ：支持设置优惠码
6. 验证码保护 ：支持图片验证码，防止恶意提交
### 用户体验
- 简洁直观 ：布局清晰，操作简单
- 快速响应 ：页面加载速度快，交互流畅
- 安全可靠 ：订单加密，支持查询密码
- 实时反馈 ：操作有明确的视觉反馈
- 无障碍设计 ：支持键盘导航，语义化HTML结构
这个网站整体设计现代化，功能完整，适合作为数字商品销售平台使用，具有良好的扩展性和可维护性