|
|
@ -99,47 +99,40 @@ const MyPage = () => { |
|
|
|
<View className="flex p-2 justify-between" style={{height: `${carouselHeight}px`}}> |
|
|
|
{/* 左侧轮播图区域 */} |
|
|
|
<View style={{width: '50%', height: '100%'}}> |
|
|
|
<View |
|
|
|
<Swiper |
|
|
|
defaultValue={0} |
|
|
|
height={carouselHeight} |
|
|
|
indicator |
|
|
|
autoPlay |
|
|
|
duration={3000} |
|
|
|
style={{ |
|
|
|
width: '100%', |
|
|
|
height: '100%', |
|
|
|
touchAction: 'pan-y', |
|
|
|
pointerEvents: 'none' |
|
|
|
height: `${carouselHeight}px`, |
|
|
|
touchAction: 'pan-y' |
|
|
|
}} |
|
|
|
> |
|
|
|
<Swiper |
|
|
|
defaultValue={0} |
|
|
|
height={carouselHeight} |
|
|
|
indicator |
|
|
|
autoPlay |
|
|
|
duration={3000} |
|
|
|
style={{height: `${carouselHeight}px`}} |
|
|
|
> |
|
|
|
{carouselData && carouselData?.imageList?.map((img, index) => ( |
|
|
|
<Swiper.Item key={index}> |
|
|
|
<Image |
|
|
|
width="100%" |
|
|
|
height="100%" |
|
|
|
src={img.url} |
|
|
|
mode={'scaleToFill'} |
|
|
|
onClick={() => navTo(`${img.path}`)} |
|
|
|
lazyLoad={false} |
|
|
|
style={{ |
|
|
|
height: `${carouselHeight}px`, |
|
|
|
borderRadius: '4px', |
|
|
|
pointerEvents: 'auto' |
|
|
|
}} |
|
|
|
/> |
|
|
|
</Swiper.Item> |
|
|
|
))} |
|
|
|
</Swiper> |
|
|
|
</View> |
|
|
|
{carouselData && carouselData?.imageList?.map((img, index) => ( |
|
|
|
<Swiper.Item key={index}> |
|
|
|
<Image |
|
|
|
width="100%" |
|
|
|
height="100%" |
|
|
|
src={img.url} |
|
|
|
mode={'scaleToFill'} |
|
|
|
onClick={() => navTo(`${img.path}`)} |
|
|
|
lazyLoad={false} |
|
|
|
style={{ |
|
|
|
height: `${carouselHeight}px`, |
|
|
|
borderRadius: '4px' |
|
|
|
}} |
|
|
|
/> |
|
|
|
</Swiper.Item> |
|
|
|
))} |
|
|
|
</Swiper> |
|
|
|
</View> |
|
|
|
|
|
|
|
{/* 右侧上下图片区域 - 从API获取数据 */} |
|
|
|
<View className="flex flex-col" style={{width: '50%', height: '100%'}}> |
|
|
|
{/* 上层图片 - 使用今日热卖素材 */} |
|
|
|
<View className={'ml-2 bg-white rounded-lg'}> |
|
|
|
<View className={'ml-2 bg-white rounded-lg shadow-sm'}> |
|
|
|
<View className={'px-3 my-2 font-bold text-sm'}>今日热卖</View> |
|
|
|
<View className={'px-3 flex'} style={{ |
|
|
|
height: '110px' |
|
|
@ -166,12 +159,12 @@ const MyPage = () => { |
|
|
|
</View> |
|
|
|
|
|
|
|
{/* 下层图片 - 使用社区拼团素材 */} |
|
|
|
<View className={'ml-2 bg-white rounded-lg mt-3'}> |
|
|
|
<View className={'ml-2 bg-white rounded-lg mt-3 shadow-sm'}> |
|
|
|
<View className={'px-3 my-2 font-bold text-sm'}>走进社区</View> |
|
|
|
<View className={'rounded-lg px-3 pb-3'}> |
|
|
|
<Image |
|
|
|
width={'100%'} |
|
|
|
height={106} |
|
|
|
height={94} |
|
|
|
src={item?.image} |
|
|
|
mode={'scaleToFill'} |
|
|
|
lazyLoad={false} |
|
|
|