refactor(index):优化首页布局与样式- 移除 Banner 组件中多余的 View 包裹层,简化结构- 调整轮播图区域样式,提升触摸交互体验

-为今日热卖和社区拼团区域添加阴影效果- 减小社区拼团图片高度,优化视觉比例
- 调整热销榜单区域间距,改善布局紧凑度- 注释未使用的吸顶状态逻辑,减少冗余代码
- 更新页面标题为更直观的首页标识- 优化首页组件结构,提升渲染性能
This commit is contained in:
2025-09-26 16:38:16 +08:00
parent 03021a3930
commit dd3d6b43a4
3 changed files with 37 additions and 44 deletions

View File

@@ -14,7 +14,7 @@ import './index.scss'
function Home() {
// 吸顶状态
const [stickyStatus, setStickyStatus] = useState<boolean>(false)
// const [stickyStatus, setStickyStatus] = useState<boolean>(false)
// Tabs粘性状态
const [tabsStickyStatus, setTabsStickyStatus] = useState<boolean>(false)
@@ -23,7 +23,7 @@ function Home() {
const userId = Taro.getStorageSync('UserId');
return {
title: '网宿小店 - 网宿软件',
title: '🏠 首页 🏠',
path: userId ? `/pages/index/index?inviter=${userId}&source=share&t=${Date.now()}` : `/pages/index/index`,
success: function () {
console.log('首页分享成功');
@@ -81,11 +81,11 @@ function Home() {
});
};
const onSticky = (item: IArguments) => {
if(item){
setStickyStatus(!stickyStatus)
}
}
// const onSticky = (item: IArguments) => {
// if(item){
// setStickyStatus(!stickyStatus)
// }
// }
// 处理Tabs粘性状态变化
const handleTabsStickyChange = (isSticky: boolean) => {
@@ -165,7 +165,7 @@ function Home() {
) : (
<Header stickyStatus={tabsStickyStatus}/>
)}
<div className={'flex flex-col mt-12'}>
<Menu/>
<Banner/>