fix(title): 预设间距归零 + 新增16种样式 #1616

Merged

auto-approve-bot merged 1 commits from fix/preset-4items into develop 2026-09-01 20:40:36 +08:00

Conversation 5 Commits 1 Files Changed 2

+196 -4

xiaoxia commented 2026-09-01 20:05:04 +08:00

Owner

Copy Link

Copy Source

修复

1. 间距归零：gap 0.5px → 0px，2px border 区分卡片（0.5px 在某些浏览器/缩放下被放大渲染）
2. 网格调整：8列 → 6列，卡片 48px → 52px

新增16种预设样式（共24种）

描边字系列

• 黄色描边、粉色描边、蓝色描边、绿色描边、灰色描边

背景字系列

• 白底黑字、黄底黑字、粉底黑字、红底白字

发光系列

• 橙色发光、紫色发光

特效系列

• 白字绿框、暖色渐变、冷色渐变、深影白字、柔光金

## 修复 1. **间距归零**：gap 0.5px → 0px，2px border 区分卡片（0.5px 在某些浏览器/缩放下被放大渲染） 2. **网格调整**：8列 → 6列，卡片 48px → 52px ## 新增16种预设样式（共24种） ### 描边字系列 - 黄色描边、粉色描边、蓝色描边、绿色描边、灰色描边 ### 背景字系列 - 白底黑字、黄底黑字、粉底黑字、红底白字 ### 发光系列 - 橙色发光、紫色发光 ### 特效系列 - 白字绿框、暖色渐变、冷色渐变、深影白字、柔光金

xiaoxia added 1 commit 2026-09-01 20:05:04 +08:00

fix(title): 预设间距归零+新增16种样式 ... ac0b9574d8

- gap 0.5px → 0，border 2px 区分卡片
- 网格 8列 → 6列，卡片 48px → 52px
- 新增：黄/粉/蓝/绿/灰描边字
- 新增：白底黑字/黄底黑字/粉底黑字/红底白字
- 新增：橙色发光/紫色发光
- 新增：白字绿框/暖色渐变/冷色渐变
- 新增：深影白字/柔光金

gitea-actions bot commented 2026-09-01 20:14:42 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

项目	详情
PR号	#1616
预览链接	https://pr-1616.preview.xiaoxiajianji.com
API环境	staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1616 | | 预览链接 | [https://pr-1616.preview.xiaoxiajianji.com](https://pr-1616.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

auto-approve-bot commented 2026-09-01 20:14:43 +08:00

Collaborator

Copy Link

Copy Source

【阻塞级判定】

• 是否存在阻塞级问题：否
• 阻塞级问题数量：0 个

📊 审查概览

• 整体评价：通过
• 建议级问题数量：0 个

🔴 阻塞级问题（必须修复）

无

💡 改进建议（不阻塞合并）

无

✅ 良好实践

1. 数据结构一致性：新增的 TITLE_PRESETS 配置项结构与现有配置保持高度一致，便于维护。
2. UI 交互优化：CSS 调整将网格列数从 8 列减少至 6 列，同时将卡片尺寸从 48px 增加至 52px，这有助于提升标题预设的可点击区域和视觉辨识度，属于合理的 UX 优化。

---

_{🤖 由 AI 代码审查机器人自动生成 | 2026-09-01 12:14:43 | 模型:}

### 【阻塞级判定】 - 是否存在阻塞级问题：否 - 阻塞级问题数量：0 个 ### 📊 审查概览 - 整体评价：通过 - 建议级问题数量：0 个 ### 🔴 阻塞级问题（必须修复） 无 ### 💡 改进建议（不阻塞合并） 无 ### ✅ 良好实践 1. **数据结构一致性**：新增的 `TITLE_PRESETS` 配置项结构与现有配置保持高度一致，便于维护。 2. **UI 交互优化**：CSS 调整将网格列数从 8 列减少至 6 列，同时将卡片尺寸从 48px 增加至 52px，这有助于提升标题预设的可点击区域和视觉辨识度，属于合理的 UX 优化。 --- _{🤖 由 AI 代码审查机器人自动生成 | 2026-09-01 12:14:43 | 模型:} <!-- AI_CODE_REVIEW_AUTO_COMMENT -->

auto-approve-bot approved these changes 2026-09-01 20:40:05 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-09-01 20:40:05 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot merged commit c05026c5db into develop 2026-09-01 20:40:36 +08:00

auto-approve-bot deleted branch fix/preset-4items 2026-09-01 20:40:36 +08:00

gitea-actions bot commented 2026-09-01 20:46:07 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #1616 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #1616 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1616