hookehuyr

fix(知识库): 修复状态提示条未水平居中的样式问题

将 scroll-view 上的内边距移至内部产品列表容器,确保全宽状态提示条相对于屏幕水平居中,同时保持产品网格布局不变。
......@@ -5,6 +5,21 @@
---
## [2026-02-03] - 修复知识库页面样式问题
### 修复
- 修复知识库页面底部提示文字未水平居中的问题
-`scroll-view` 上的 `px-[40rpx]` 内边距移至内部的产品列表容器
- 确保"加载中"、"加载更多"、"没有更多了"、"暂无相关产品"等全宽状态提示条能够相对于屏幕水平居中
- 保持产品列表网格的视觉布局不变
---
**详细信息**
- **影响文件**: `src/pages/knowledge-base/index.vue`
- **技术栈**: Vue 3, Taro 4, TailwindCSS
- **测试状态**: ✅ 已修复
## [2026-02-03] - 知识库页面产品列表接口集成
### 新增
......
......@@ -32,7 +32,7 @@
<!-- 列表容器 -->
<scroll-view
class="flex-1 min-h-0 overflow-y-auto px-[40rpx] pb-[calc(160rpx+env(safe-area-inset-bottom))]"
class="flex-1 min-h-0 overflow-y-auto pb-[calc(160rpx+env(safe-area-inset-bottom))]"
scroll-y
@scrolltolower="onScrollToLower"
>
......@@ -42,7 +42,7 @@
</view>
<!-- Product Grid -->
<view v-else class="flex flex-wrap justify-between">
<view v-else class="flex flex-wrap justify-between px-[40rpx]">
<!-- Card Item -->
<view v-for="(item, index) in products" :key="item.id"
class="w-[48%] bg-white rounded-[24rpx] overflow-hidden mb-[24rpx] shadow-sm flex flex-col active:scale-[0.98] transition-transform duration-200"
......