refactor(style): 优化首页主要组件样式及布局实现

- 移除 BestSellers 组件中多余的 SCSS 样式,改用 TailwindCSS 工具类规范字体大小和颜色
- 替换 BestSellers.tsx 中对应元素的样式类为 TailwindCSS 实现,提升样式一致性和维护性
- 调整 CatalogShowcase 组件样式,删除不必要的 SCSS 样式,增加内边距并修改书本尺寸,整体优化布局
- CatalogShowcase.tsx 中相关文本和图形元素改为 TailwindCSS 实现,规范字体大小、颜色和间距
- ContactSection 组件部分样式移除过
This commit is contained in:
2026-04-09 13:35:50 +08:00
parent 25abd81d9f
commit 61025522aa
13 changed files with 89 additions and 253 deletions

View File

@@ -10,20 +10,6 @@
margin-bottom: 24px;
}
&__intro-title {
display: block;
font-size: 24px;
font-weight: 700;
color: #ffffff;
margin-bottom: 6px;
}
&__intro-desc {
display: block;
font-size: 15px;
color: rgba(255, 255, 255, 0.5);
}
/* ═══ 操作按钮区 ═══ */
&__actions {
display: flex;
@@ -61,35 +47,10 @@
flex-direction: column;
}
&__action-label {
font-size: 17px;
font-weight: 600;
color: #ffffff;
margin-bottom: 2px;
}
&__action-value {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
}
/* ═══ 底部信息 ═══ */
&__footer {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
&__footer-text {
display: block;
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
margin-bottom: 4px;
}
&__footer-sub {
display: block;
font-size: 13px;
color: rgba(255, 255, 255, 0.25);
}
}