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
.data-list-load-spin{

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

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