Zverse/ai-digital-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 update: 更新历史视频库列表样式

Browse Source
This commit is contained in:
LittleBoy 2024-12-25 20:46:54 +08:00
parent 94d300d0be
commit 68f675437d
2 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/core.scss
View File

@ -292,6 +292,9 @@
} }
} }
.video-history-list-container{
height: calc(100vh - var(--app-header-header) - 130px);
}
// override antd style // override antd style
.data-list-load-spin{ .data-list-load-spin{

38
src/pages/library/index.tsx
View File

@ -53,8 +53,8 @@ export default function LibraryIndex() {
/> />
</div> </div>
<div className=""> <div className="">
<InfiniteScroller loading={loading} pagination={data?.pagination} onCallback={()=>{}}> <InfiniteScroller loading={loading} rootClassName="video-history-list-container" pagination={data?.pagination} onCallback={()=>{}}>
<div className={'video-list-container grid gap-5 grid-cols-4'}> <div className={'video-list-container grid gap-5 grid-cols-3 xl:grid-cols-4'}>
{data?.list?.map((it, idx) => ( {data?.list?.map((it, idx) => (
<VideoItem <VideoItem
onLive={idx == 2} key={it.id} onLive={idx == 2} key={it.id}
@ -70,23 +70,23 @@ export default function LibraryIndex() {
))} ))}
</div> </div>
</InfiniteScroller> </InfiniteScroller>
<div className="video-page-container flex justify-center mt-5"> {/*<div className="video-page-container flex justify-center mt-5">*/}
{data?.pagination && data?.pagination.total > 0 ? <div className="flex justify-center mt-10"> {/* {data?.pagination && data?.pagination.total > 0 ? <div className="flex justify-center mt-10">*/}
<Pagination {/* <Pagination*/}
current={params.pagination.page} {/* current={params.pagination.page}*/}
total={data?.pagination.total} {/* total={data?.pagination.total}*/}
pageSize={data?.pagination.limit} {/* pageSize={data?.pagination.limit}*/}
showSizeChanger={false} {/* showSizeChanger={false}*/}
simple={true} {/* simple={true}*/}
rootClassName={'simple-pagination'} {/* rootClassName={'simple-pagination'}*/}
onChange={(page) => setParams(prev=>({...prev,pagination: {page, limit: 10}}))} {/* onChange={(page) => setParams(prev=>({...prev,pagination: {page, limit: 10}}))}*/}
/> {/* />*/}
</div> : <div className="py-10"> {/* </div> : <div className="py-10">*/}
<Empty /> {/* <Empty />*/}
</div> {/* </div>*/}
} {/* }*/}
{/*<Pagination defaultCurrent={1} total={50}/>*/} {/* /!*<Pagination defaultCurrent={1} total={50}/>*!/*/}
</div> {/*</div>*/}
</div> </div>
</div> </div>
{detailVideo && <VideoDetail video={detailVideo} onClose={() => setDetailVideo(undefined)}/>} {detailVideo && <VideoDetail video={detailVideo} onClose={() => setDetailVideo(undefined)}/>}