异次元发卡(魔改版)1.2.5功能详解
一、新增多风格商品展示样式(4种布局)
魔改版在后台新增了4种商品列表展示样式,可一键切换:
- 经典横排 (classic) :横向卡片布局,封面在左侧,信息在右侧(默认)
- 杂志大图 (magazine) :4:3大封面在上,2-4列排列,视觉冲击力强
- 紧凑列表 (compact) :超薄行设计,信息密度最高,适合商品多的店铺
画廊大图 (gallery) :3:4竖卡,文字浮在封面图上,视觉艺术感强
每个分店(代理)可以独立选择自己的商品展示样式。二、新增多套UI风格主题(6套皮肤)
魔改版提供了6套完全不同的前端视觉主题,每套主题的色彩、卡片形态、按钮样式都完全不同:- 天空蓝 (dalin) :深蓝渐变 + 极光动效 + 玻璃质感(默认)
- 卡牌战记 (cardpunk) :TCG集换卡风格 + 塔罗竖卡 + 衬线字体
- 便当拼盘 (bento) :Bento Grid日式便当格 + 黑白米色 + 数字编号
- 极简终端 (terminal) :命令行风格 + 等宽字体 + 文字行列表
- JK少女风 (jk) :粉色甜美 + 蝴蝶结装饰 + 圆润设计
- 新拟态风 (neu) :Neumorphism软UI + 柔光浮雕 + 极简风
三、新增官方认证商家卡片
在首页顶部Hero区域展示一张金色印章认证卡片,包含: - 可开关的显示状态
- 自定义主标题(如"官方认证商家")
- 右上角徽章文字(如"VERIFIED")
- 三组统计数据:每组包含标签(如DEPOSIT)+ 数值(如¥50,000)
- 支持主站和分店独立配置
- 后台提供实时预览功能,所见即所得
四、新增招商入驻CTA模块
在首页显示一张招商入驻引导卡片,用于招募代理开分店: - 自定义主标题、副标题/卖点描述
- 自定义按钮文字和跳转链接(默认跳转到分店开通页)
- 仅主站显示,分店访问时自动隐藏
- 未登录用户点击会引导先登录/注册再返回
- 卡片带动效流光和呼吸光环
五、新增付款后下载按钮功能
客户付款成功后弹出的卡密窗口中,增加一个自定义下载按钮: - 可自定义按钮文字(如"下载安装包")
- 可自定义跳转链接(支持网盘、资源页等)
- 支持主站后台全局配置
- 支持每个代理分店独立配置
- 按钮通过隐藏iframe实现,不会让当前页面跳走
六、新增代理分店管理系统
魔改版新增了完整的分店级配置体系: - 功能开关守门 :主站管理员可单独开关任一分店的魔改功能
- 回退机制 :未开通的分店自动回退到主站默认配置
- 分店独立配置 :已开通的分店可独立设置商品样式、UI主题、下载按钮
- 认证卡片统一管理 :分店认证由主站管理员统一配置
- 零数据库迁移 :复用config表按business_id拆key存储
七、全新首页Hero设计
完全重写了首页的视觉设计: - 蓝色科技感渐变背景 + 动态光球/极光动画
- 流动的光晕扫过卡片的Hover动效
- 毛玻璃质感的浮动操作按钮(全屏/订单查询/登录)
- 分类标签吸顶 + 玻璃质感 + 边缘渐隐
- 商店头像呼吸光环动效
- 公告栏呼吸提示灯
八、全新商品列表设计 - 双列瓷砖网格布局(响应式:手机2列 → 平板3列 → 桌面4列)
- 商品卡片三层阴影叠加,悬浮动效
- 售罄商品特殊处理:半透明 + 灰度遮罩 + SOLD OUT缎带
- 推荐商品角标呼吸发光
- 库存状态智能提示:低库存红色警示
- 自动发货/在线发货标签区分
九、增强的商品详情页 - 精致的价格展示区(红色渐变数字 + 货币符号)
- 全面清除浏览器原生无效状态红色光晕
- 美化的SKU选择标签(圆角药丸形)
- 数量加减器重新设计
- 表单控件统一44px高度,符合触控标准
十、新增后台专属配置中心
新增独立的"魔改版专属配置中心"后台页面: - 5个功能分区(商品展示样式、UI主题、认证卡片、招商CTA、分店管理)
- 每个分区有可视化卡片选择器(带SVG缩略图预览)
- 认证卡片和招商CTA提供实时预览
- 分店管理支持查看所有分店的配置状态
- 所有改动即改即生效
十一、后台侧边栏菜单
新增了"魔改新增功能"专属菜单项(置顶显示),包含: - 前台外观
- 代理分店管理
- 订单与支付
- 开发者工具
十二、代理后台界面
为代理(商户)提供专属的魔改功能管理页面: - 未开通时显示锁定页 + 开通说明 + 管理员联系方式(支持一键复制)
- 已开通时显示配置页,可修改商品样式、UI主题、下载按钮
- 带保存状态反馈和锚点滚动高亮
- 这些功能构成了一套完整的"分店增值管理系统",使得这套发卡系统可以作为SaaS平台运营,主站管理员可以给不同分店开通不同等级的功能。
- 压缩包内已包含源码+教程,拿到手搭建开箱即用