feat(mini-app, docs): 新增小程序详情页,更新项目文档与规范
新增全套关联组件:DetailHero、DetailOverviewCard、DetailInfoCard、DetailMediaGallery、DetailActionBar及ConciergeContactSheet。 新增详情页数据处理工具类detailPresentation.ts,处理商品展示数据的格式化与默认值兼容。 更新项目文档:补充三个领域API补充文档引用,优化AGENTS.md中的前端代码规范与docs文档列表。
This commit is contained in:
1 parent
548f91c37f
commit
ca6f9397e0
17 files changed
+1351
-7
No files matched your search
@@ -268,7 +268,7 @@ yarn dev:mp-weixin
|
||||
- TypeScript 项目使用 strict 模式,新增代码应有明确类型,避免 `any`。
|
||||
- `WonderQ-MiniAPP` 使用 Vue 3 SFC、`<script setup lang="ts">` 和 uni-app 组件,不引入 React。
|
||||
- `WonderQ-Admin-UI` 使用 React 函数组件和 Hooks,不引入 class component。
|
||||
- 样式优先使用项目已集成的 TailwindCSS;管理端同时遵守 `src/styles.css` 的设计变量和已有类名体系。
|
||||
- `WonderQ-Admin-UI` 优先使用 TailwindCSS 工具类完成布局、间距、颜色、字体、边框、响应式和交互状态;重复样式优先使用 `@apply` 或可复用基础组件封装。`src/styles.css` 作为 Tailwind 入口和全局样式层,仅保留设计变量、基础重置、复杂选择器、伪元素以及 Tailwind 无法清晰表达的兼容规则;新增自定义 CSS 前应先确认 Tailwind 无法合理表达,并在代码附近说明原因。
|
||||
- `WonderQ-MiniAPP` 页面和组件默认只能使用 TailwindCSS 工具类完成布局、间距、颜色、字体、边框、响应式及交互状态;禁止新增自定义 `<style>` 或 `<style scoped>`。仅在 uni-app 平台兼容性、伪元素或 Tailwind 无法表达的特殊规则下允许例外,并在代码附近说明原因。
|
||||
- `WonderQ-MiniAPP` 的响应式样式优先使用 TailwindCSS 断点和任意值变体,避免在单文件组件中新增独立媒体查询;重复的视觉规则应提取为全局工具类或可复用组件。
|
||||
- `WonderQ-MiniAPP` 移动端采用简约、内容优先的视觉风格:以白色和低饱和中性色为基础,使用绿色作为主操作色,避免大面积渐变、金色渐变按钮、装饰性光晕和重阴影。
|
||||
@@ -369,6 +369,7 @@ yarn dev:mp-weixin
|
||||
|
||||
- 是否误读或输出敏感信息。
|
||||
- 是否改动了未授权文件或锁定文件。
|
||||
- 新增或修改 Admin UI 样式是否优先使用 TailwindCSS,是否避免无必要的页面级自定义 CSS。
|
||||
- 是否保持 Public API、Admin API、页面模块契约一致。
|
||||
- 是否遗漏鉴权、参数校验、错误响应、审计或删除冲突处理。
|
||||
- 是否处理 loading、empty、error、retry 和移动端适配。
|
||||
|
||||
Reference in new issue
Block a user