优化:文章列表支持分页加载

This commit is contained in:
2025-07-11 20:12:03 +08:00
parent 6f3e634355
commit 86edcf21b3
35 changed files with 2247 additions and 101 deletions

View File

@@ -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>
))
}