281 Commits

This Branch

This Branch

All Branches

Author	SHA1	Message	Date
yiqiu	22aa44fca7	的说法是	2025-12-25 23:29:41 +08:00
yiqiu	18f160e203	打发发阿发	2025-12-25 23:25:37 +08:00
yiqiu	7fea4cc66a	的手法首发	2025-12-25 23:23:56 +08:00
yiqiu	f7eb4cdccd	但是D	2025-12-25 23:18:14 +08:00
yiqiu	f018aff99d	发大水打发十分	2025-12-25 23:12:03 +08:00
yiqiu	cd134c323e	打发打发	2025-12-25 23:08:21 +08:00
yiqiu	4d7cc25f57	dfasfas	2025-12-25 23:04:47 +08:00
yiqiu	df69dd9814	dsfafsa	2025-12-25 23:02:09 +08:00
yiqiu	d878311b3d	幻灯片	2025-12-25 21:32:35 +08:00
yiqiu	86aadfc62b	优化加载速度	2025-12-25 20:59:19 +08:00
yiqiu	5856dd7393	幻灯片部分	2025-12-25 20:31:48 +08:00
yiqiu	4a319c9db1	压缩图	2025-12-25 20:17:43 +08:00
yiqiu	ca5adb63c3	修复问题	2025-12-25 19:55:18 +08:00
yiqiu	f1e4e52514	回滚2	2025-12-25 19:49:05 +08:00
yiqiu	dcb9d84510	回滚	2025-12-25 19:45:46 +08:00
yiqiu	a90a189a5f	华为云风格	2025-12-25 19:39:00 +08:00
yiqiu	4e466aa1c5	移动端优化	2025-12-25 19:30:12 +08:00
yiqiu	a8a34e0975	美化移动端CSS	2025-12-25 19:19:25 +08:00
yiqiu	e9d046ab6c	美化移动端的热销板块	2025-12-25 19:08:41 +08:00
yiqiu	17bf43bcf5	注册图标	2025-12-25 18:56:07 +08:00
yiqiu	f0ea3af667	补充图	2025-12-25 18:52:25 +08:00
yiqiu	1807f2aa03	恢复图片	2025-12-25 15:58:02 +08:00
yiqiu	a2414d721c	22222222222222	2025-12-25 15:45:44 +08:00
yiqiu	60ebfede6c	修复图片路径问题：删除 /web/BlackFruit-web/ 前缀 ... - 批量删除所有文件中的 /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	2025-12-25 15:31:50 +08:00
yiqiu	46adb018e0	重构样式	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 ... 深层根本原因分析： 之前修复使用了 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 ... 核心问题： - 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 ... - 移除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 的问题 ... - 在 .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	修复注册按钮显示问题 - 使用计算后的样式检查登录状态 ... 问题：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 容器始终可见 ... - 添加 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	修复注册按钮不显示的问题 ... - 改为 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	修复注册按钮内容显示在下半部分的问题 ... 根本原因： - 按钮使用了 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	修复注册按钮内容在下半部分显示的问题 ... 问题根因： - .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	增加移动端注册按钮高度以填充导航栏 ... - 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	修复移动端注册按钮溢出导航栏的问题 ... - 将 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	修复移动端注册按钮超出导航栏的问题 ... 问题： - 按钮高度设置得太大，超出了导航栏 解决： - 减小按钮高度： - 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	修复移动端注册按钮位置不在导航栏内部的问题 ... 问题： - 按钮的 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的问题 ... 问题： - 注册按钮使用相对高度 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	修复移动端注册按钮不显示问题 ... 问题： - .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尺寸，确保注册按钮显示 ... 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	修复移动端导航栏按钮顺序和对齐问题 ... 按钮位置调整（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	修复移动端导航栏按钮位置和高度问题 ... 导航栏结构优化（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	优化移动端：分页器放到底部、导航栏高度撑满、按钮位置互换 ... 移动端分页器优化（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
yiqiu	9d3e99dcc1	优化移动端布局：调整导航栏、幻灯片和进度条 ... 导航栏优化（767px/575px/360px）： - 移除登录按钮，只保留注册按钮和汉堡菜单 - 注册按钮放在最右侧 - 汉堡菜单按钮放在注册按钮左侧 - 添加汉堡菜单点击时的三条杠→叉号动画 幻灯片优化： - 改为 100vh 高度撑满屏幕 - 767px/575px/360px 断点统一处理 - 设置 min-height 确保最小高度 进度条位置调整： - 767px 和 575px：bottom 80px - 360px：bottom 80px - 避免进度条和按钮重合 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-12-16 15:32:23 +08:00
yiqiu	ffb4ed2199	再次优化移动端 banner-list 卡片：减少宽度、增加高度 ... banner-list 卡片调整： - 767px：gap 8→6px，padding 12→10px，min-height 70→85px - 575px：min-height 65→85px - 480px：max-height→min-height 70px - 360px：min-height 75px - icon 调小，间距调整，字号优化 优化移动端登录按钮（767px）： - padding 12→10px，字号 11→10px - min-width 55→45px，height 32→28px - 解决按钮占用过多空间问题 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-12-16 15:20:26 +08:00