邹方成
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核查与闭环测试计划
1.0 KiB
1.0 KiB
问题
- 抽奖动态每行用了固定高度
h-17.5和overflow-hidden，且是单行展示，长活动名/期号/奖品名会被裁剪，导致看起来“没有显示出来”。
调整方案（仅改该模块样式与结构）
- 行容器样式
- 移除固定高度与溢出隐藏：把
h-17.5 leading-17.5 overflow-hidden改为py-2 leading-6、去掉overflow-hidden - 允许换行与断词：增加
whitespace-normal break-words，必要时flex-wrap
- 行内容分两行显示
- 第一行：
昵称 在 活动名-期号 - 第二行：
中奖 奖品名或参与 - 这样即使宽度不够，也能在第二行完整显示奖品
- 局部样式
- 在组件
style scoped中添加：.dynamic-row { white-space: normal; word-break: break-word; }- 统一行内间距与换行行为
验证
- 长活动名与奖品名在收窄宽度下仍完整显示
- 列表滚动正常，内容不再被裁剪
确认后我将更新 web/admin/src/views/dashboard/console/modules/dynamic-stats.vue 的行模板与样式以生效。