style(index): 调整Banner组件样式
- 为轮播图容器添加背景白色类名 - 调整右侧图片区域高度从110px到94px - 修改商品标题文字上下边距为my-2- 移除右侧图片区域的圆角和阴影样式 - 调整下层图片区域上边距从mt-3到mt-2
This commit is contained in:
@@ -100,7 +100,7 @@ const MyPage = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View className="flex p-2 justify-between" style={{height: `${carouselHeight}px`}}>
|
<View className="flex p-2 justify-between bg-white" style={{height: `${carouselHeight}px`}}>
|
||||||
{/* 左侧轮播图区域 */}
|
{/* 左侧轮播图区域 */}
|
||||||
<View
|
<View
|
||||||
style={{width: '50%', height: '100%'}}
|
style={{width: '50%', height: '100%'}}
|
||||||
@@ -143,10 +143,10 @@ const MyPage = () => {
|
|||||||
{/* 右侧上下图片区域 - 从API获取数据 */}
|
{/* 右侧上下图片区域 - 从API获取数据 */}
|
||||||
<View className="flex flex-col" style={{width: '50%', height: '100%'}}>
|
<View className="flex flex-col" style={{width: '50%', height: '100%'}}>
|
||||||
{/* 上层图片 - 使用今日热卖素材 */}
|
{/* 上层图片 - 使用今日热卖素材 */}
|
||||||
<View className={'ml-2 bg-white rounded-lg shadow-sm'}>
|
<View className={'ml-2 bg-white'}>
|
||||||
<View className={'px-3 my-2 font-bold text-sm'}>今日热卖</View>
|
<View className={'px-3 my-2 font-bold text-sm'}>今日热卖</View>
|
||||||
<View className={'px-3 flex justify-between'} style={{
|
<View className={'px-3 flex justify-between'} style={{
|
||||||
height: '110px'
|
height: '94px'
|
||||||
}}>
|
}}>
|
||||||
{
|
{
|
||||||
hotToday?.imageList?.map(item => (
|
hotToday?.imageList?.map(item => (
|
||||||
@@ -162,15 +162,15 @@ const MyPage = () => {
|
|||||||
}}
|
}}
|
||||||
onClick={() => navTo(item.path)}
|
onClick={() => navTo(item.path)}
|
||||||
/>
|
/>
|
||||||
<View className={'text-xs py-2 text-orange-600 whitespace-nowrap text-center'}>{item.title || '到手价¥9.9'}</View>
|
<View className={'text-xs my-2 text-orange-600 whitespace-nowrap text-center'}>{item.title || '到手价¥9.9'}</View>
|
||||||
</View>
|
</View>
|
||||||
))
|
))
|
||||||
}
|
}
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|
||||||
{/* 下层图片 - 使用社区拼团素材 */}
|
{/* 下层图片 - 使用社区拼团素材 rounded-lg shadow-sm */}
|
||||||
<View className={'ml-2 bg-white rounded-lg mt-3 shadow-sm'}>
|
<View className={'ml-2 bg-white mt-2'}>
|
||||||
<View className={'px-3 my-2 font-bold text-sm'}>{item?.overview || item?.categoryName || '推荐文章'}</View>
|
<View className={'px-3 my-2 font-bold text-sm'}>{item?.overview || item?.categoryName || '推荐文章'}</View>
|
||||||
<View className={'rounded-lg px-3 pb-3'}>
|
<View className={'rounded-lg px-3 pb-3'}>
|
||||||
<Image
|
<Image
|
||||||
|
|||||||
Reference in New Issue
Block a user