zdl
|
bca2ad4f81
|
feat: 实现的功能 Home 页面追踪(2个事件)
**Home 页面**:
1. **页面访问** - 了解流量来源、登录转化率
2. **功能卡片点击** - 识别最受欢迎的功能
3. **推荐功能效果** - 分析特色功能(新闻中心)的点击率
|
2025-10-28 21:24:42 +08:00 |
|
zdl
|
c33181a689
|
feat: 修复首页新闻中心卡片布局跳变问题
问题根源:
使用 useBreakpointValue 的 isMobile 变量在初始渲染时返回 undefined,导致:
1. 服务端渲染/首次加载时显示一种布局
2. 客户端水合后切换到另一种布局
3. 用户看到明显的布局跳变(先横向后纵向,或反之)
解决方案:
不使用条件渲染两套完全不同的 JSX,而是使用响应式样式让同一套 JSX 自动适应不同屏幕。
修改策略:
将移动端(VStack)和桌面端(Flex横向)合并为一套响应式布局:
- 使用 Flex + 响应式 flexDirection
- flexDirection={{ base: column, md: row }}(移动端纵向,桌面端横向)
- 统一使用响应式属性而不是条件渲染
|
2025-10-28 13:06:46 +08:00 |
|
zdl
|
760ce4d5e1
|
feat: 路由链接调整
|
2025-10-27 22:31:06 +08:00 |
|
zdl
|
d93b5de319
|
feat: 将事件中心的头部添加到首页
|
2025-10-27 15:31:22 +08:00 |
|
zdl
|
5aebd4b113
|
feat: 将 AppFooter 集成到 MainLayout
|
2025-10-24 17:17:31 +08:00 |
|
zdl
|
955e0db740
|
feat: 首页UI调整
|
2025-10-21 15:43:59 +08:00 |
|
zdl
|
d695f8ff7b
|
feat: 登陆状态调整
|
2025-10-20 13:58:07 +08:00 |
|
zdl
|
47fcb570c0
|
feat: 日志优化
|
2025-10-18 17:33:15 +08:00 |
|
zdl
|
cd50d718fe
|
pref: 代码打包优化
|
2025-10-13 19:53:13 +08:00 |
|
zdl
|
495ad758ea
|
feat: 10.10线上最新代码提交
|
2025-10-11 16:16:02 +08:00 |
|
|
|
4d0dc109bc
|
updated
|
2025-10-11 12:10:00 +08:00 |
|
|
|
8107dee8d3
|
Initial commit
|
2025-10-11 12:02:01 +08:00 |
|