邹方成
6ee627139c
Some checks failed
Build docker and publish / linux (1.24.5) (push) Failing after 40s
feat(pay): 添加支付API基础结构 feat(miniapp): 创建支付测试小程序页面与配置 feat(wechatpay): 配置微信支付参数与证书 fix(guild): 修复成员列表查询条件 docs: 更新代码规范文档与需求文档 style: 统一前后端枚举显示与注释格式 refactor(admin): 重构用户奖励发放接口参数处理 test(title): 添加称号效果参数验证测试
1.2 KiB
1.2 KiB
目标
- 美化运营管理的“小程序二维码生成”页面，使布局更现代、交互更顺畅。
- 明确并保持后端与前端的
douyin_id为字符串类型。
界面优化
- 布局：使用卡片+两栏布局，上方表单，下方预览区域居中；自适应在小屏改为单列。
- 交互：
- 增加宽度滑块
ElSlider，实时控制二维码预览大小 - 增加“复制链接”按钮，复制小程序路径
pages/login/index?... - 表单校验与提示：必填校验，错误时显示提示消息
- 保留“下载PNG”，新增“重置”按钮
- 增加宽度滑块
- 视觉：合并间距、统一按钮风格、预览区居中显示
类型确认
- 后端
miniapp_qrcode与weixin login请求体的douyin_id保持为string，不做任何数字转换 - 前端表单的
douyin_id仅用string类型
实施
- 修改
web/admin/src/views/operations/miniapp-qrcode/index.vue：加入滑块、复制链接、重置、表单校验与更优布局 - 运行构建验证
验收
- 表单必填校验有效，二维码预览与大小调整正常，复制链接与下载可用
douyin_id在前后端均为字符串类型