邹方成
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): 添加称号效果参数验证测试
24 lines
1.2 KiB
Markdown
24 lines
1.2 KiB
Markdown
## 目标
|
||
- 美化运营管理的“小程序二维码生成”页面，使布局更现代、交互更顺畅。
|
||
- 明确并保持后端与前端的 `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` 在前后端均为字符串类型 |