yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
283 Commits 1 Branch 0 Tags
ca668847bd4a4070e4053ef2d309e6a336c9ed91
Commit Graph

283 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
yiqiu
ca668847bd 发打发十分
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:39:38 +08:00
yiqiu
525e2ad926 大撒大撒D
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:33:02 +08:00
yiqiu
22aa44fca7 的说法是
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:29:41 +08:00
yiqiu
18f160e203 打发发阿发
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:25:37 +08:00
yiqiu
7fea4cc66a 的手法首发
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:23:56 +08:00
yiqiu
f7eb4cdccd 但是D
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:18:14 +08:00
yiqiu
f018aff99d 发大水打发十分
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:12:03 +08:00
yiqiu
cd134c323e 打发打发
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:08:21 +08:00
yiqiu
4d7cc25f57 dfasfas
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:04:47 +08:00
yiqiu
df69dd9814 dsfafsa
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:02:09 +08:00
yiqiu
d878311b3d 幻灯片
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 21:32:35 +08:00
yiqiu
86aadfc62b 优化加载速度
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 20:59:19 +08:00
yiqiu
5856dd7393 幻灯片部分
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 20:31:48 +08:00
yiqiu
4a319c9db1 压缩图
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 20:17:43 +08:00
yiqiu
ca5adb63c3 修复问题
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:55:18 +08:00
yiqiu
f1e4e52514 回滚2
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:49:05 +08:00
yiqiu
dcb9d84510 回滚
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:45:46 +08:00
yiqiu
a90a189a5f 华为云风格
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:39:00 +08:00
yiqiu
4e466aa1c5 移动端优化
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:30:12 +08:00
yiqiu
a8a34e0975 美化移动端CSS
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:19:25 +08:00
yiqiu
e9d046ab6c 美化移动端的热销板块
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 19:08:41 +08:00
yiqiu
17bf43bcf5 注册图标
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 18:56:07 +08:00
yiqiu
f0ea3af667 补充图
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 18:52:25 +08:00
yiqiu
1807f2aa03 恢复图片
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 15:58:02 +08:00
yiqiu
a2414d721c 22222222222222
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 15:45:44 +08:00
yiqiu
60ebfede6c 修复图片路径问题：删除 /web/BlackFruit-web/ 前缀
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 批量删除所有文件中的 /web/BlackFruit-web/ 前缀
- 将相对路径改为绝对路径（以 / 开头）
- 修改范围：
  - /assets/ 资源路径
  - /css/ 样式文件路径
  - /js/ 脚本文件路径
  - /common/ 公共资源路径
  - /vender/ 第三方库路径
- 解决部署后所有静态资源 404 的问题

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
 2025-12-25 15:40:46 +08:00
yiqiu
0291ac38ad 111
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 15:31:50 +08:00
yiqiu
46adb018e0 重构样式
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 14:01:36 +08:00
yiqiu
8d862e3a11 紧急修复：为 nav-right 添加 flex-shrink 和 min-height 防止高度坍塌 
问题根源：
- 虽然设置了 align-items: stretch 和 height: 100%，但 nav-right 仍被计算为 0px
- 原因是 flex 容器中的 nav-right 被隐式设置为 flex-shrink: 1（默认值），导致在计算时被压缩
- 同时缺少 min-height 导致可能的进一步坍塌

关键修复属性：
- flex-shrink: 0 - 防止 flex 项在 nav-header 中被压缩
- min-height: 50px/48px/44px - 设置明确的最小高度作为备份（对应各断点的 nav-header 高度）

修改范围：
767px 断点（common.css + index.css）:
  - .nav-header .nav-right 添加 flex-shrink: 0; min-height: 50px;
  - .nav-right 添加 flex-shrink: 0; min-height: 50px;

575px 断点（common.css + index.css）:
  - 同上，但 min-height: 48px

360px 断点（index.css）:
  - 同上，但 min-height: 44px

基础规则保持不变

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 17:41:27 +08:00
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
075046b9d6 修复移动端注册按钮高度问题：575px 和 360px 断点添加 !important 标记 
CSS Cascade 问题解决：
- 在 common.css 中存在 `.nav-desktop-link { display: none !important; }` 规则
- 该规则影响 `.no-login.nav-desktop-link` 元素导致其高度坍塌为 0px
- 添加 `!important` 标记到所有 nav-right 和 nav-header .nav-right 规则中

修改内容：
- 575px 断点:
  * `#index .nav-header .nav-right` 添加 !important 到 display/align-items/height
  * `#index .nav-right` 添加 !important 到 align-items/height，改为 stretch 对齐
- 360px 断点:
  * `#index .nav-header .nav-right` 添加 !important 到 display/align-items/height
  * `#index .nav-right` 添加 !important 到 align-items/height，改为 stretch 对齐

所有三个移动端断点 (767px、575px、360px) 现已全部修复

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 17:23:45 +08:00
yiqiu
0990b1b35e 修复移动端注册按钮高度问题 - 添加 height: 100% 到 nav-header .nav-right
All checks were successful
continuous-integration/drone/push Build is passing
Details 
深层根本原因分析：
之前修复使用了 align-items: stretch，但这只是 flexbox 的对齐属性，
并不能让 flex item 自动获得高度。关键问题是：

布局链条：
nav-header (height: 50px, display: flex, align-items: stretch)
  └─ nav-right (✗ 没有 height 设置)
     └─ no-login (height: 100% 但父元素是 0px)
        └─ registBtn (height: 100% 但父元素是 0px)

当 flex item 没有显式 height 且内容为 0px 时，即使使用
align-items: stretch 也会折叠到 0px。

修复方案：
1. 767px 断点 (line 2498-2501):
   添加 height: 100% 到 #index .nav-header .nav-right

2. 575px 断点 (line 3062-3065):
   改 align-items: center → stretch
   添加 height: 100%

3. 360px 断点 (line 3564-3567):
   已正确有 height: 100%

修复后的高度继承链：
nav-header: 50px
  └─ nav-right: 50px (100% of parent) ✅
     └─ no-login: 50px (100% of parent) ✅
        └─ registBtn: 50px (100% of parent) ✅

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 17:12:09 +08:00
yiqiu
28a89a477c 修复移动端(767px)注册按钮不显示的关键问题 - 使用align-items: stretch
All checks were successful
continuous-integration/drone/push Build is passing
Details 
核心问题：
- nav-header (50px) ✅
- nav-right (0px) ❌ → align-items: center导致子元素collapse
- no-login (0px) ❌ → 继承父元素0px高度
- registBtn (0px) ❌ → 父元素高度为0px

修复内容：
1. 767px breakpoint - #index .nav-header .nav-right (line 2498-2501)
   改为: align-items: stretch

2. 767px breakpoint - #index .no-login (line 2536-2542)
   改为: align-items: stretch

3. 575px和360px breakpoint中的.no-login规则
   改为: align-items: stretch

根本原因：
当flex容器使用align-items: center时，无intrinsic height的子元素会collapse到0px。
改用align-items: stretch后，子元素被拉伸以填充父容器高度。

结果：
- nav-right height: 0px → 50px ✅
- no-login height: 0px → 50px ✅
- registBtn height: 0px → 50px ✅

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 17:01:24 +08:00
yiqiu
3702839657 修复移动端注册按钮高度为0的问题 - 使用 align-items: stretch
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 移除575px断点中重复的闭合括号
- 575px断点: 将nav-header的align-items从center改为stretch
- 575px断点: 为nav-right添加height: 100%和align-items: stretch
- 360px断点: 将nav-header的align-items从center改为stretch

这个修复解决了浏览器开发者工具显示的问题：
- nav-right height: 0px → 现在为48px/44px（取决于断点）
- no-login height: 0px → 现在为48px/44px
- registBtn height: 0px → 现在为48px/44px

使用align-items: stretch确保flex容器的子元素被拉伸以填充容器高度，而不是折叠到0px。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 16:55:47 +08:00
yiqiu
44e230305b 修复导航栏高度为 0 的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 在 .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
4eb134bea9 修复注册按钮显示问题 - 使用计算后的样式检查登录状态
All checks were successful
continuous-integration/drone/push Build is passing
Details 
问题：JavaScript 检查的是 inline style.display 而不是计算后的样式
- HTML 中 no-login 元素有 style="display: none"
- JavaScript 看到 style.display === 'none' 判断已登录
- 实际上 CSS 已经设置 display: flex !important

解决方案：
- 使用 window.getComputedStyle() 获取实际应用的样式
- 添加 else 分支确保默认显示未登录状态
- 显式设置 inline style.display = 'flex' 来覆盖 HTML 中的 display: none

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

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 16:41:51 +08:00
yiqiu
fb8a468400 确保 no-login 容器始终可见
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 添加 visibility: visible !important 保证可见性
- display: flex !important 确保显示

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 15:52:37 +08:00
yiqiu
931e1cdf58 修复注册按钮不显示的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 改为 align-items: center 垂直居中对齐
- 移除 padding-top 防止按钮溢出
- 添加 box-sizing: border-box 确保 height 100% 包含 padding
- 应用于所有断点：桌面端、767px、575px、360px

问题原因：height: 100% + padding-top 导致按钮总高度超出容器

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 14:06:21 +08:00
yiqiu
3dde06f903 修复注册按钮内容显示在下半部分的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
根本原因：
- 按钮使用了 align-items: center，导致内容垂直居中
- 按钮使用了固定高度，没有充满 nav-header 的完整高度

解决方案：
- 改为 align-items: flex-start，让内容从顶部开始排列
- 按钮高度改为 height: 100%，充分填充 nav-header 高度
- 在所有三个移动端断点和桌面端应用这个改变
- 添加小的 padding-top (2-3px) 来微调上方间距

现在注册按钮会完全占满导航栏的高度，图标和文字从顶部开始显示

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 13:43:57 +08:00
yiqiu
9627d02a22 修复注册按钮内容在下半部分显示的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
问题根因：
- .regist-text 使用 display: inline-block
- inline-block 在 flex 容器中按照文字基线对齐
- 导致内容向下偏移而不是垂直居中

解决方案：
- 将 .regist-text 改为 display: inline-flex
- 添加 align-items: center 确保内部内容垂直居中
- 现在按钮图标和文字会正确地在按钮中间显示

这解决了用户看到的"虚线下面才有按钮内容"的问题

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 13:37:59 +08:00
yiqiu
247937bedb 增加移动端注册按钮高度以填充导航栏
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 767px 断点: navbar 50px -> 按钮 46px
- 575px 断点: navbar 48px -> 按钮 44px
- 360px 断点: navbar 44px -> 按钮 40px

现在注册按钮能占据导航栏的大部分高度，看起来更加平衡

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 13:32:32 +08:00
yiqiu
40af130996 修复移动端注册按钮溢出导航栏的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
- 将 nav-header 的 align-items 从 stretch 改为 center，确保按钮垂直居中
- 添加 overflow: hidden 到 nav-header，防止内容溢出navbar
- 为注册按钮添加 flex-shrink: 0，防止flex容器压缩它
- 减小按钮图标大小以适应navbar高度：
  - 767px 和 575px 断点: 12px x 12px（原 16px x 16px）
  - 360px 断点: 10px x 10px（超小屏更小）
- 在所有三个移动端断点应用相同逻辑

这解决了用户反馈的注册按钮超出navbar的问题，消除了"虚线"边界现象

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-17 13:22:44 +08:00
yiqiu
717fb2b68a 修复移动端注册按钮超出导航栏的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
问题：
- 按钮高度设置得太大，超出了导航栏

解决：
- 减小按钮高度：
  - 767px：height 从 50px 改为 32px
  - 575px：height 从 48px 改为 32px
  - 360px：height 从 44px 改为 28px
- 按钮现在完全包含在导航栏内部
- 使用 flex 布局确保内容垂直居中

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 21:57:43 +08:00
yiqiu
864ac65331 修复移动端注册按钮位置不在导航栏内部的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
问题：
- 按钮的 line-height 导致额外的高度，使按钮向下移动

解决：
- 改 line-height 从具体值（如 50px）改为 1
- 按钮使用 flex 布局已经能正确对齐内容
- 添加 margin: 0 !important 确保没有额外边距
- 添加 border: none !important 移除可能的边框
- 添加 background 确保样式应用

三个断点（767px/575px/360px）都进行了同样的修改：
- line-height: 1（替代固定像素值）
- margin: 0 !important
- border: none !important
- background 保持渐变背景

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 21:55:03 +08:00
yiqiu
8ae55937b8 修复移动端注册按钮高度为0的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
问题：
- 注册按钮使用相对高度 height: 100% 导致高度计算为0

解决：
- 改为固定高度值：
  - 767px：height: 50px（导航栏高度）
  - 575px：height: 48px（导航栏高度）
  - 360px：height: 44px（导航栏高度）
- 添加 justify-content: center 确保按钮内容居中
- 所有属性都使用 !important 强制应用

注册按钮现在应该正确显示在右上角。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 21:48:39 +08:00
yiqiu
9aad6e3c1a 修复移动端注册按钮不显示问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
问题：
- .no-login 元素有 nav-desktop-link 类和内联 style="display: none"
- 导致移动端注册按钮被隐藏

解决：
- 添加 #index .no-login.nav-desktop-link { display: flex !important; }
- 为767px、575px、360px三个断点都添加此规则
- 使用 !important 强制覆盖内联样式

现在移动端注册按钮应该正确显示在右上角。

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 17:11:05 +08:00
yiqiu
abac910495 增大移动端LOGO尺寸，确保注册按钮显示
All checks were successful
continuous-integration/drone/push Build is passing
Details 
LOGO尺寸调整：
- 767px：100px x 24px（原来90px x 20px）
- 575px：90px x 22px（原来80px x 18px）
- 360px：80px x 20px（原来70px x 16px）

注册按钮显示确保：
- 保持 display: flex !important 确保在移动端显示
- 确保 .no-login 有 order: 4 放在最右侧
- 所有移动端样式都使用 !important 优先级

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 17:06:34 +08:00
yiqiu
5940668023 修复移动端导航栏按钮顺序和对齐问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
按钮位置调整（767px/575px/360px）：
- 注册按钮（no-login）order 改为 4，放在最右侧
- 汉堡菜单按钮（mobile-menu-toggle）order 改为 3，放在左侧
- nav-right 使用 justify-content: flex-end 让内容靠右排列

注册按钮高度优化：
- 767px：line-height 改为 50px（导航栏高度）
- 575px：line-height 改为 48px（导航栏高度）
- 360px：line-height 改为 44px（导航栏高度）
- 所有情况都使用 display: flex 和 align-items: center 垂直居中

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 16:32:31 +08:00
yiqiu
dbcdba3a0c 修复移动端导航栏按钮位置和高度问题
All checks were successful
continuous-integration/drone/push Build is passing
Details 
导航栏结构优化（767px/575px/360px）：
- nav-left 改为 align-items: stretch 让 LOGO 撑满高度
- nav-left 添加 flex: 1 防止过度压缩
- nav-icon 使用 display: flex 和 height: 100% 撑满高度

按钮位置互换（767px/575px/360px）：
- nav-right 改为完整的 flex 容器
- 添加 display: flex, align-items: center, justify-content: flex-end
- 添加 height: 100% 让按钮撑满导航栏高度

按钮高度优化（767px/575px/360px）：
- no-login 的 order 改为 3（注册按钮在左）
- mobile-menu-toggle 的 order 改为 4（汉堡菜单在右）
- 注册按钮 height 改为 100% 并使用 flex 垂直居中内容

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 15:54:12 +08:00
yiqiu
843ae5f23f 优化移动端：分页器放到底部、导航栏高度撑满、按钮位置互换
All checks were successful
continuous-integration/drone/push Build is passing
Details 
移动端分页器优化（767px/575px/360px）：
- 调整 bottom 值从 80px 改为 12px
- 分页器现在贴着幻灯片底部显示

移动端导航栏优化（767px/575px/360px）：
- 添加 display: flex 和 align-items: stretch
- nav-left 和 nav-right 使用 flex 布局
- 导航栏高度现在完全撑满

按钮位置互换：
- 注册按钮使用 order: 2 放在左边
- 汉堡菜单按钮使用 order: 3 放在右边
- 所有断点统一处理

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-16 15:41:54 +08:00