feat(点评): 点评改回轮盘并重新设计——每块直接写着名字,选完就地变成玫瑰图看大家怎么选
上一版把轮盘换成了按钮格子,改回轮盘,但重新画了一个: - SVG 画的 7 块环形扇区,每块上直接写着表情和名字(最大 16px),不用先把鼠标移过去; 悬停的那块染上主色、往外弹出,圆心报它的名字 - 选之前哪里都没有人数;选完就地变成玫瑰图:每块从里往外填一段、长短按人数,标「N 人」, 自己选的那块是主色、弹出、带 ✓,圆心写「你选了 学到了 · 共 N 人评过」 - 没登录、没做对时轮盘照画、整个淡下去,圆心写原因 - 原来的轮盘用 CSS clip-path 加 color-mix(),后者 Chrome 111 才有,机房 105 那档扇区没有底色 - 上一版的防误触(600ms、强制弹窗里不响应 Enter / 空格、不预选)和选完的「下一题」都保留; 抽屉里能用键盘选 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
c64b0a402b
commit
5bb69ecce3
2 files changed
+405
-195
No files matched your search
@@ -161,7 +161,7 @@ B 看得到。
|
||||
「放回编辑器」「复制」;加入题单之前被锁住的提交显示为一行说明,不能展开;底部「看这道题所有人的提交」。
|
||||
「放回编辑器」后提示「已放回,按 Ctrl+Z 撤回」—— 要确认编辑器的撤销能撤回这次替换。
|
||||
- **统计**:出题人、创建时间、标签、数字卡、结果饼图、历年通过率,内容原样。
|
||||
- **点评**:和强制弹窗同一个组件(第 7 节),每人只能评一次。
|
||||
- **点评**:和强制弹窗同一个轮盘(第 7 节),每人只能评一次。
|
||||
- 题单入口三个按钮都不出现。比赛入口没有「点评」。
|
||||
|
||||
### 5.6 手机
|
||||
@@ -197,13 +197,16 @@ B 看得到。
|
||||
## 7. 强制点评
|
||||
|
||||
- 文案:「做对了!说说你对这道题的感受吧」(原来的「恭喜你成功提交」不准确,交上去不等于做对)。
|
||||
- **轮盘换成了一排大按钮**(2026-09-28 用户同意重新设计):七个选项一行 4 个、排成 4 + 3,
|
||||
每个带表情和 15px 的字。原来的轮盘要把鼠标移到扇区上才看得清是哪一项,每块的字只有 12px
|
||||
左右,而且用了 Chrome 111 才有的 `color-mix()`,机房 105 那档渲染不出扇区底色。
|
||||
- 选之前**不显示人数**(后端本来就要自己评过才返回 counts),选完变成横条图:顺序和选项一致、
|
||||
标出自己选的那一项 —— 避免跟风。没做对的人在抽屉里只看到一句说明,也没有人数。
|
||||
- 防误触:弹出后 600ms 内选项半透明、点不了;强制弹窗里不响应 Enter / 空格(键盘触发的
|
||||
click 的 `detail` 是 0);弹窗 `auto-focus` 关掉,不预选任何一项。
|
||||
- **轮盘重新设计过**(2026-09-28,用户要求保留轮盘的形式):SVG 画的 7 块环形扇区,
|
||||
每块上**直接写着表情和名字**(字号随轮盘缩放,最大 16px),不用先悬停才看得清;悬停的那块
|
||||
染上主色、往外弹出一点,圆心报它的名字。原来的轮盘每块的字只有 12px 左右,而且用了
|
||||
Chrome 111 才有的 `color-mix()`,机房 105 那档渲染不出扇区底色。
|
||||
- 选之前**不显示人数**(后端本来就要自己评过才返回 counts),选完就地变成**玫瑰图**:每块从里
|
||||
往外填一段、长短按人数,标「N 人」,自己选的那块用主色、弹出、带 ✓ —— 避免跟风。
|
||||
没登录、没做对时轮盘照画、整个淡下去,圆心写原因,不给人数。
|
||||
- 防误触:弹出后 600ms 内轮盘半透明、点不了;强制弹窗里不响应 Enter / 空格(键盘触发的
|
||||
click 的 `detail` 是 0),扇区不进 Tab 顺序;弹窗 `auto-focus` 关掉,不预选任何一块。
|
||||
抽屉里的是学生自己点开的,不设防、键盘能选。
|
||||
- 选完不马上关:弹窗里换成横条图,下面只有一个按钮、焦点落在它上面 —— 被拦下的换题写「继续」,
|
||||
否则是这节课的「下一题:题号 题目」,都没有就是「好的」。
|
||||
- **窗口期内换题要先点评**:通过后 1.5 秒内点「下一题」、课堂条芯片、‹ ›、顶栏题号直达,
|
||||
|
||||
Reference in new issue
Block a user