支付插件升级预览

微信支付 + 支付宝支付同时显示，用户自主选择

本次升级变更说明

页面1（会员中心 payapi.php）：新增微信支付/支付宝双按钮卡片式选择，保留原下拉兼容
页面2（文章下载 fread）：$paytpe 任意值都同时显示两个支付按钮，不再互相替换
JS（fread.js）：showcode(0) 走支付宝，showcode(1) 走微信，逻辑不变，兼容所有插件脚本
回调（payend.php/payend2.php）：保持原 payname 匹配机制，无需修改，向下兼容
三站点同步：www.zqpfk.com / www.carejt.com / www.liusmy.com 同步更新

场景A - 免费下载用户（freenum）- PC端

直接下载 + 公众号关注并排显示，支付方式双按钮并排

直接下载

资源图标

单次下载

5.00元/次

微信支付

支付宝支付

免费下载

关注公众号免费获取验证码

场景B - 会员用户（VIP套餐 + 直接下载）

点击下方按钮切换 PC / 移动端视图，查看自适应效果

月度会员

每天5次下载

30元/30天

季度会员

每天5次下载

80元/90天

直接下载

单次下载

5元/次

微信支付

支付宝支付

场景B2 - 会员用户 - 移动端自适应（VIP套餐 + 直接下载）

套餐卡片单列堆叠，双支付按钮也堆叠，触控友好，宽度自适应

↓ 模拟手机屏幕宽度（375px）↓

月度会员

每天5次下载

30元/30天

季度会员

每天5次下载

80元/90天

直接下载

单次下载

5.00元/次

微信支付

支付宝支付

移动端适配要点：
① 套餐卡片单列堆叠（宽度 90%），避免 PC 端 3 列并排挤压
② 支付按钮 100% 宽度、高度 44px（符合苹果人机界面指南最小触控区域）
③ 卡片间距 8px，按钮间距 8px，触控不拥挤
④ 选中卡片蓝色高亮边框，与 PC 端交互逻辑一致

场景C - 移动端自适应（免费下载）

按钮自动堆叠，触控友好

直接下载

单次下载

5.00元/次

微信支付

支付宝支付

场景D - 页面1 会员中心在线支付（payapi.php）

新增卡片式支付选择，保留原表单下拉兼容

购买点数

购买金额：	元 (1元 = 10点数)
购买点数：	0 点
支付平台：	微信支付支付宝支付（原下拉选择也保留，兼容老版本）

场景E - 点击按钮后支付弹窗（模拟效果）

点击按钮查看弹窗切换效果