Sakurasan
75737034d9
视觉：评论区从「带边框的聊天气泡盒」改成与去卡片后文章页一致的纸面排版 - .cm-bubble 类名保留（DOM 不动）盒子拆掉：正文直接落在纸面上，层级靠 头像 / 名字行 / 留白撑起，条与条之间不画线不画盒；删除态靠变灰变斜认 - 输入区去卡片盒，只留 textarea 底下一条「书写线」，聚焦变强调色 （vivid 再加同色光晕，与 .search 聚焦同一语言）；名字 / 计数 / 发送 排在线下方，像在纸上落款 - 操作钮 ✎ ✕ ↩ 圆图标 → 一行文字钮（回复/编辑/删除）：桌面 hover 浮现、 位置预留不跳版；触屏常显并加大可点面积；删除悬停给红；补 focus-visible 环 （文字钮无边框，键盘可达性自己画） - 回复串：空白缩进改左侧发丝线（与左栏时间线同一语言）；26px 小头像不再 戴登录方式小标（戴不下）；登录引导卡去框，一行引导 + 一排登录圆钮 - 暗色代码块修复（.cm-md pre 与 .prose pre 同一 bug）：背景 color-mix(92% ink, accent) 在暗色下混出浅底浅字，暗端覆盖为 color-mix(86% paper, accent) + 细边框 @提及 - 回复另一条回复时正文前带强调色 @对方名字，扁平列表里才看得出在跟谁 说话；回主楼不标。名字由 parent_id 在已加载回复列表里解析，父回复 未加载就不标 —— 后端阶段二契约不变，纯前端即可工作 - 浮动贴正文首行行首（与首字下沉同一技巧），字号行高与 .cm-md 成对同步 （基础 / 手机断点 / vivid 三处，改字号要一起改）；正文以代码块、列表 开头时退成独立一行，避免被块级背景盖住 - 编辑态去掉「正在改定此评：」，交给 placeholder；mock 加 reply-to-reply 用例（Mason 回 ONE） 手机 12px 贴边（两套主题正文与评论共用同一条左缘） - vivid：.article-layout 手机断点 1fr → minmax(0,1fr)。裸 1fr 的自动最小 尺寸是 min-content，正文里不可断行的长 token 把整列顶到 592px、整页 横向溢出（实测 375 视口 bodyScrollWidth 612）；页边距 20 → 12； .prose 加 overflow-wrap:break-word - classic：.shell 手机 20 → 12（首页信息流同步收边），PostView .wrap ≤640 侧边距归零 —— 那 4px 正是正文比评论多出的一截 - 评论手机断点（styles.css 基础段，两套 UI 共用）：头像 36→28、回复 缩进收紧、排序 / 登录 / 操作钮 44px 触控目标、输入 16px 防 iOS 聚焦缩放；.cm-md 加 overflow-wrap:break-word（用户内容长链接必须断行） 杂项 - vite dev 加 --host：手机连局域网可直接评审 - 实测（浏览器逐状态截图过目）：vivid/classic × 亮/暗 × 桌面/390， 默认 / 未登录 / 空 / 审核中 / 已删除 / 多级回复 / 回复框 / 编辑框 共 13 张；375 视口 bodyScrollWidth = 375 无溢出；pnpm build 通过
31 lines
604 B
JSON
31 lines
604 B
JSON
{
|
|
"name": "one-frontend",
|
|
"private": true,
|
|
"version": "0.1.0",
|
|
"type": "module",
|
|
"packageManager": "pnpm@10.34.4",
|
|
"scripts": {
|
|
"dev": "vite --host",
|
|
"build": "vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"@milkdown/crepe": "^7.22.1",
|
|
"dompurify": "^3.1.6",
|
|
"vue": "^3.4.0",
|
|
"vue-router": "^4.4.0"
|
|
},
|
|
"devDependencies": {
|
|
"@vitejs/plugin-vue": "^5.1.0",
|
|
"autoprefixer": "^10.4.20",
|
|
"postcss": "^8.4.40",
|
|
"typescript": "^5.5.0",
|
|
"vite": "^5.4.0"
|
|
},
|
|
"pnpm": {
|
|
"onlyBuiltDependencies": [
|
|
"esbuild"
|
|
]
|
|
}
|
|
}
|