Commit Graph

33 Commits

Author SHA1 Message Date
yiqiu
ccf44c7fda 修复导航栏高度问题:在 common.css 中为所有移动端断点添加 align-items/height 规则
核心问题:
- common.css 的 767px/575px 媒体查询中只设置了 nav-header 高度,但没有设置 nav-right 的 flex 拉伸属性
- 导致 nav-right 虽然有 height: 100% 但被 align-items: center(base rule)所影响
- 注册按钮(no-login)作为 nav-desktop-link 类被全局 display: none !important 隐藏

修复内容:
767px 断点:
- 添加 .nav-header { display: flex !important; align-items: stretch !important; }
- 添加 .nav-header .nav-left { display: flex !important; align-items: stretch !important; }
- 添加 .nav-header .nav-right { display: flex !important; align-items: stretch !important; height: 100% !important; }
- 添加 .nav-right { display: flex !important; align-items: stretch !important; height: 100% !important; }
- 添加 .no-login.nav-desktop-link { display: flex !important; height: 100% !important; align-items: stretch !important; }

575px 断点:
- 为所有导航栏元素添加相同的 flex 和高度规则

基础规则:
- 为 .nav-right 添加 flex-shrink: 0 防止 flex 容器缩小

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-17 17:35:54 +08:00
yiqiu
44e230305b 修复导航栏高度为 0 的问题
All checks were successful
continuous-integration/drone/push Build is passing
- 在 .nav-header 添加 height: 72px(基础高度)
- 在 .nav-right 添加 height: 100% 和 align-items: stretch
- 改为从 align-items: center 改为 align-items: stretch

问题原因:
common.css 中的 .nav-header 没有设置高度
导致首页 nav-right 的 height: 100% 无法计算出实际高度(为 0)

首页会通过 #index .nav-header { height: 70px } 覆盖这个基础值
但其他页面会使用这个 72px 的基础高度

现在注册按钮应该能正常显示!

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-17 16:47:25 +08:00
yiqiu
460068b768 移动端添加汉堡菜单和侧边导航栏,优化交互体验
All checks were successful
continuous-integration/drone/push Build is passing
前端改动:
- 添加移动端汉堡菜单按钮(右上角)
- 创建侧边导航栏(从右侧滑入)
  - 包含主导航菜单项
  - 包含文档和控制台链接
  - 包含登录/注册功能
  - 已登录状态显示用户信息和操作菜单
- 移动端隐藏桌面导航链接(文档、控制台、登录、注册)
- 侧边栏支持点击遮罩层、关闭按钮、导航链接关闭
- 实现桌面端和移动端登录状态同步
- 使用 MutationObserver 监听登录状态变化

样式改动:
- 汉堡菜单三条杠动画效果(点击变叉号)
- 侧边栏深色科技风格,渐变背景
- 侧边栏从右侧滑入动画,带遮罩层
- 导航项 hover 效果和滑动动画
- 用户头像和信息卡片样式
- 响应式适配(767px、575px 断点)

交互优化:
- banner-list 快速入口卡片改为一行两个(grid 布局)
- 调整幻灯片进度条位置(767px: bottom 40px,575px: bottom 60px)
- 避免进度条和按钮重合

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-12 20:10:33 +08:00
yiqiu
79cdc194d3 首页移动端全面适配优化
All checks were successful
continuous-integration/drone/push Build is passing
- 优化导航栏在平板和手机端的显示
  - 调整 logo 和导航项尺寸
  - 手机端隐藏主导航菜单(预留汉堡菜单空间)
  - 优化登录/注册按钮尺寸

- Banner 轮播区域响应式优化
  - 平板端:500px 高度,文字居中
  - 手机端:450px 高度,标题 32px
  - 小手机:400px 高度,标题 28px

- 热销产品表格移动端卡片化
  - 平板端保持表格形式,添加横向滚动
  - 手机端转换为卡片布局
  - 使用 CSS 伪元素自动添加标签
  - 为 td 添加 data-label 属性增强可访问性

- 解决方案区域响应式布局
  - 平板端改为上下布局
  - 手机端优化按钮和文字尺寸
  - 小手机端全面缩小间距和图片尺寸

- Footer 页脚全面优化
  - 平板端改为垂直布局
  - 手机端承诺区域 2 列显示
  - 版权信息改为垂直堆叠居中

- 其他优化
  - 基础设施数据改为垂直布局
  - 手机端隐藏侧边工具栏,保留回到顶部按钮
  - 移动端禁用复杂动画提升性能

响应式断点:≤1199px / ≤991px / ≤767px / ≤575px
所有改动在媒体查询内,不影响桌面端样式

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-12 19:59:32 +08:00
yiqiu
3682b29757 首页移动端全面适配优化
All checks were successful
continuous-integration/drone/push Build is passing
- 优化导航栏在平板和手机端的显示
  - 调整 logo 和导航项尺寸
  - 手机端隐藏主导航菜单(预留汉堡菜单空间)
  - 优化登录/注册按钮尺寸

- Banner 轮播区域响应式优化
  - 平板端:500px 高度,文字居中
  - 手机端:450px 高度,标题 32px
  - 小手机:400px 高度,标题 28px

- 热销产品表格移动端卡片化
  - 平板端保持表格形式,添加横向滚动
  - 手机端转换为卡片布局
  - 使用 CSS 伪元素自动添加标签
  - 为 td 添加 data-label 属性增强可访问性

- 解决方案区域响应式布局
  - 平板端改为上下布局
  - 手机端优化按钮和文字尺寸
  - 小手机端全面缩小间距和图片尺寸

- Footer 页脚全面优化
  - 平板端改为垂直布局
  - 手机端承诺区域 2 列显示
  - 版权信息改为垂直堆叠居中

- 其他优化
  - 基础设施数据改为垂直布局
  - 手机端隐藏侧边工具栏,保留回到顶部按钮
  - 移动端禁用复杂动画提升性能

响应式断点:≤1199px / ≤991px / ≤767px / ≤575px
所有改动在媒体查询内,不影响桌面端样式

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-12 19:49:44 +08:00
yiqiu
7a2a78f190 修复 register-advert padding 导致的高度错位问题
All checks were successful
continuous-integration/drone/push Build is passing
- 移除 #index .register-advert 的 padding: 40px 0
- 设置 padding: 0 和 height: auto 让容器自适应
- 图片使用 height: auto 和 object-fit: contain
- 移除 common.css 中的固定高度限制

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-24 13:05:14 +08:00
yiqiu
47ec5d582e 修复 register-advert 与 img-responsive 高度不一致问题
All checks were successful
continuous-integration/drone/push Build is passing
- 为 .register-advert 添加 overflow: hidden 防止溢出
- 设置链接为 block 并占满容器高度
- 图片使用固定高度 75px 与容器一致
- 使用 object-fit: cover 保持图片比例

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-24 13:00:15 +08:00
yiqiu
29fe7c606a 打发十分
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-24 00:55:16 +08:00
yiqiu
d07fe5b4b2 放大发
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-24 00:52:44 +08:00
yiqiu
03c28bf66e ioio
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-24 00:47:46 +08:00
yiqiu
c17977ec51 huhu
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-24 00:43:33 +08:00
yiqiu
75bd4f7cd2 范德萨
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-24 00:39:32 +08:00
yiqiu
8d8cba048f 打发发
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-24 00:34:12 +08:00
yiqiu
80fc3bd09f 叩叩叩
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-23 23:59:29 +08:00
yiqiu
2712d966bb uigu
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-23 23:55:28 +08:00
yiqiu
950a298833 绕日
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-22 19:00:33 +08:00
yiqiu
a18136def5 太热
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-22 18:22:03 +08:00
yiqiu
51fd1035aa 东方大厦
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-22 01:14:47 +08:00
yiqiu
611a10b872 糊糊
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-22 00:37:09 +08:00
yiqiu
e55c22dc28 yyy
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 23:21:23 +08:00
yiqiu
7f87ce11e5 ddd
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 23:18:42 +08:00
yiqiu
a35593bf8a 修复
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 17:41:45 +08:00
yiqiu
4ce31b68a9 优化插件UI
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 16:21:34 +08:00
yiqiu
21cc685bd9 更新插件
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 15:59:42 +08:00
yiqiu
74a008fe98 移植所有功能
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 15:47:29 +08:00
yiqiu
50acc9e2bb 修改指定目录
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 15:13:52 +08:00
yiqiu
02befd10d8 测试
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 14:56:04 +08:00
yiqiu
137fc7723f 同步变量
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 14:39:26 +08:00
yiqiu
16cc0f8f61 接管尝试
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 14:32:51 +08:00
yiqiu
c55010627b 注销默认接口
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 14:13:00 +08:00
yiqiu
fafc958811 修改从新接口获取数据
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 13:42:46 +08:00
yiqiu
5834ab9a74 修改插件UI
All checks were successful
continuous-integration/drone/push Build is passing
2025-11-21 12:42:18 +08:00
arlenops
2c0fbc9d81 同步 2025-11-20 12:30:45 +08:00