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

185 Commits

Author SHA1 Message Date
yiqiu
87871653c1 提取index移动样式代码
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:48:14 +08:00
yiqiu
a904d37314 优化1
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:41:00 +08:00
yiqiu
cd8b0e5065 面包图标BUG
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:30:19 +08:00
yiqiu
f798667a76 header
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:27:10 +08:00
yiqiu
8018e10a4a 礼物和文字距离
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:12:46 +08:00
yiqiu
a7986dae37 调整注册登录按钮宽度2
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:07:00 +08:00
yiqiu
f7db90f1da 调整注册登录按钮宽度
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 15:05:06 +08:00
yiqiu
9233fc4f98 居中
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 14:59:05 +08:00
yiqiu
a029ccf83b feat: 为注册按钮添加礼品图标并优化其在移动端的显示样式
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 14:53:30 +08:00
yiqiu
9ea0ccce53 refactor: 将移动端汉堡菜单图标从CSS样式实现更改为SVG图片。
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 14:45:53 +08:00
yiqiu
e0dfd3e56a 确保导航栏头部左侧内边距生效
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 12:37:29 +08:00
yiqiu
cc0257679c 放大发
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-26 12:32:31 +08:00
yiqiu
0388e56c67 涛涛涛涛
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:50:19 +08:00
yiqiu
18f25e3285 急急急
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:46:59 +08:00
yiqiu
b4e4cce8d2 修复
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 23:42:42 +08:00
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
5856dd7393 幻灯片部分
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-12-25 20:31:48 +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
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
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
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
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