vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新Company页面的UI为FUI风格

Browse Source
This commit is contained in:
zzlgreat
2025-12-24 12:55:47 +08:00
parent 9b969eb97e
commit 272a6002bb
1 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
View File

@@ -935,36 +935,38 @@ const MainlineTimelineViewComponent = forwardRef(
</HStack>
</Flex>
{/* 主线卡片横向滚动容器 */}
{/* 主线卡片横向滚动容器 - 使用 column-reverse 让滚动条在顶部 */}
<Box
overflowX="auto"
overflowY="hidden"
h="calc(100% - 44px)"
pb={3}
css={{
"&::-webkit-scrollbar": {
height: "14px",
background: COLORS.scrollbarTrackBg,
},
"&::-webkit-scrollbar-track": {
background: COLORS.scrollbarTrackBg,
borderRadius: "7px",
margin: "0 8px",
},
"&::-webkit-scrollbar-thumb": {
background: `linear-gradient(90deg, ${COLORS.scrollbarThumbBg}, #8a9bb0)`,
borderRadius: "7px",
border: `3px solid ${COLORS.scrollbarTrackBg}`,
},
"&::-webkit-scrollbar-thumb:hover": {
background: `linear-gradient(90deg, ${COLORS.scrollbarThumbHoverBg}, #b8c5d4)`,
},
}}
display="flex"
flexDirection="column-reverse"
>
<Box
flex="1"
overflowX="auto"
overflowY="hidden"
css={{
"&::-webkit-scrollbar": {
height: "12px",
background: COLORS.scrollbarTrackBg,
},
"&::-webkit-scrollbar-track": {
background: COLORS.scrollbarTrackBg,
borderRadius: "6px",
},
"&::-webkit-scrollbar-thumb": {
background: `linear-gradient(90deg, ${COLORS.scrollbarThumbBg}, #8a9bb0)`,
borderRadius: "6px",
border: `2px solid ${COLORS.scrollbarTrackBg}`,
},
"&::-webkit-scrollbar-thumb:hover": {
background: `linear-gradient(90deg, ${COLORS.scrollbarThumbHoverBg}, #b8c5d4)`,
},
}}
>
<HStack
spacing={3}
p={3}
pb={0}
align="stretch"
h="100%"
minW="max-content"
@@ -993,6 +995,7 @@ const MainlineTimelineViewComponent = forwardRef(
);
})}
</HStack>
</Box>
</Box>
</Box>
);