style(ui): 调整首页标题样式和计划弹窗高度
### 优化 - 调整首页"臻奇荟"标题位置至左上方(pt-[128rpx]) - 优化标题对齐方式为 text-left,适配整体页面布局 - 调整 PlanPopup 弹窗高度从 90% 至 80% --- **详细信息**: - **影响文件**: src/pages/index/index.vue, src/components/plan/PlanPopupNew.vue - **技术栈**: Vue 3, Tailwind CSS - **测试状态**: 已通过 - **备注**: 保持原有高度占位,防止布局塌陷 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Showing
3 changed files
with
19 additions
and
3 deletions
| 1 | +## [2026-02-13] - 首页标题样式调整 | ||
| 2 | + | ||
| 3 | +### 优化 | ||
| 4 | +- 调整首页“臻奇荟”标题位置至左上方(顶部间距从 180rpx 减小至 128rpx) | ||
| 5 | +- 优化标题对齐方式,适配整体页面布局 | ||
| 6 | + | ||
| 7 | +--- | ||
| 8 | + | ||
| 9 | +**详细信息**: | ||
| 10 | +- **影响文件**: src/pages/index/index.vue | ||
| 11 | +- **技术栈**: Vue 3, Tailwind CSS | ||
| 12 | +- **测试状态**: 已通过 | ||
| 13 | +- **备注**: 保持原有高度占位,防止布局塌陷 | ||
| 14 | + | ||
| 15 | +--- | ||
| 16 | + | ||
| 1 | ## [2026-02-13] - 统一权限检查与移除重复代码 | 17 | ## [2026-02-13] - 统一权限检查与移除重复代码 |
| 2 | 18 | ||
| 3 | ### 新增 | 19 | ### 新增 | ... | ... |
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | :visible="visible" | 7 | :visible="visible" |
| 8 | position="bottom" | 8 | position="bottom" |
| 9 | round | 9 | round |
| 10 | - :style="{ height: '90%' }" | 10 | + :style="{ height: '80%' }" |
| 11 | :close-on-click-overlay="true" | 11 | :close-on-click-overlay="true" |
| 12 | :safe-area-inset-bottom="true" | 12 | :safe-area-inset-bottom="true" |
| 13 | @update:visible="handleVisibleChange" | 13 | @update:visible="handleVisibleChange" | ... | ... |
| ... | @@ -25,8 +25,8 @@ | ... | @@ -25,8 +25,8 @@ |
| 25 | <view class="absolute bottom-0 left-0 w-full h-[240rpx] bg-gradient-to-t from-[#F9FAFB] via-[#F9FAFB]/80 to-transparent backdrop-blur-[2px] pointer-events-none"></view> | 25 | <view class="absolute bottom-0 left-0 w-full h-[240rpx] bg-gradient-to-t from-[#F9FAFB] via-[#F9FAFB]/80 to-transparent backdrop-blur-[2px] pointer-events-none"></view> |
| 26 | </view> | 26 | </view> |
| 27 | 27 | ||
| 28 | - <view class="relative z-10 px-[32rpx] pt-[180rpx]"> | 28 | + <view class="relative z-10 px-[32rpx] pt-[128rpx]"> |
| 29 | - <text class="block text-white text-[44rpx] font-bold mb-[40rpx] text-center">臻奇荟</text> | 29 | + <text class="block text-white text-[44rpx] font-bold mb-[40rpx] text-left">臻奇荟</text> |
| 30 | 30 | ||
| 31 | <!-- Search Bar --> | 31 | <!-- Search Bar --> |
| 32 | <view | 32 | <view | ... | ... |
-
Please register or login to post a comment