优化:文章列表支持分页加载
This commit is contained in:
@@ -23,11 +23,26 @@ const Page = () => {
|
||||
<div className={'py-2 my-3 mx-2'}>
|
||||
<div className={'bg-white grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-2'}>
|
||||
{
|
||||
navItems?.map((item) => (
|
||||
<div className={'flex flex-col justify-center items-center'} onClick={() => Taro.navigateTo({url: `/${item.model}/index?id=${item.navigationId}`})}>
|
||||
<Image className={'shadow-xl rounded-lg'} style={{borderRadius: '8px'}} src={item.icon}
|
||||
height={90} width={90}/>
|
||||
<div className={'mt-2 text-gray-700'} style={{fontSize: '15px'}}>{item?.title}</div>
|
||||
navItems?.map((item, index) => (
|
||||
<div
|
||||
key={item.navigationId || index}
|
||||
className={'flex flex-col justify-center items-center'}
|
||||
onClick={() => Taro.navigateTo({url: `/${item.model}/index?id=${item.navigationId}`})}
|
||||
>
|
||||
<Image
|
||||
className={'shadow-xl rounded-lg'}
|
||||
style={{
|
||||
borderRadius: '8px',
|
||||
width: '90px',
|
||||
height: '90px',
|
||||
objectFit: 'cover'
|
||||
}}
|
||||
src={item.icon}
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<div className={'mt-2 text-gray-700'} style={{fontSize: '15px'}}>
|
||||
{item?.title}
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user