邹方成
87ad4177b1
Some checks failed
Build docker and publish / linux (1.24.5) (push) Failing after 39s
feat(抽奖动态): 修复抽奖动态未渲染问题并优化文案展示 fix(用户概览): 修复用户概览无数据显示问题 feat(新用户列表): 在新用户列表显示称号明细 refactor(待办事项): 移除代办模块并全宽展示实时动态 feat(批量操作): 限制为单用户操作并在批量时提醒 fix(称号分配): 防重复分配称号的改造计划 perf(接口性能): 优化新用户和抽奖动态接口性能 feat(订单漏斗): 优化订单转化漏斗指标计算 docs(测试计划): 完善盲盒运营API核查与闭环测试计划
23 lines
1.0 KiB
Markdown
23 lines
1.0 KiB
Markdown
## 问题
|
|
- 抽奖动态每行用了固定高度 `h-17.5` 和 `overflow-hidden`，且是单行展示，长活动名/期号/奖品名会被裁剪，导致看起来“没有显示出来”。
|
|
|
|
## 调整方案（仅改该模块样式与结构）
|
|
1) 行容器样式
|
|
- 移除固定高度与溢出隐藏：把 `h-17.5 leading-17.5 overflow-hidden` 改为 `py-2 leading-6`、去掉 `overflow-hidden`
|
|
- 允许换行与断词：增加 `whitespace-normal break-words`，必要时 `flex-wrap`
|
|
|
|
2) 行内容分两行显示
|
|
- 第一行：`昵称 在 活动名-期号`
|
|
- 第二行：`中奖 奖品名` 或 `参与`
|
|
- 这样即使宽度不够，也能在第二行完整显示奖品
|
|
|
|
3) 局部样式
|
|
- 在组件 `style scoped` 中添加：
|
|
- `.dynamic-row { white-space: normal; word-break: break-word; }`
|
|
- 统一行内间距与换行行为
|
|
|
|
## 验证
|
|
- 长活动名与奖品名在收窄宽度下仍完整显示
|
|
- 列表滚动正常，内容不再被裁剪
|
|
|
|
确认后我将更新 `web/admin/src/views/dashboard/console/modules/dynamic-stats.vue` 的行模板与样式以生效。 |