renil/lx-music-mobile-mod
1
0
Fork 0
mirror of https://github.com/ikun0014/lx-music-mobile.git synced 2025-05-23 22:37:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化播放详情页竖屏布局适配

Browse Source
This commit is contained in:
lyswhut 2023-12-07 16:42:17 +08:00
parent 0cda246799
commit 84517f5c40
4 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/screens/PlayDetail/Vertical/Pic.tsx
View File

@ -61,6 +61,7 @@ const styles = createStyle({
flexShrink: 1, flexShrink: 1,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
// backgroundColor: 'rgba(0,0,0,0.1)',
}, },
content: { content: {
// elevation: 3, // elevation: 3,

2
src/screens/PlayDetail/Vertical/Player/components/ControlBtn.tsx
View File

@ -65,7 +65,7 @@ const styles = createStyle({
flexGrow: 1, flexGrow: 1,
flexShrink: 1, flexShrink: 1,
paddingHorizontal: '4%', paddingHorizontal: '4%',
paddingVertical: 6, paddingVertical: 12,
// backgroundColor: 'rgba(0, 0, 0, .1)', // backgroundColor: 'rgba(0, 0, 0, .1)',
}, },
cotrolBtn: { cotrolBtn: {

4
src/screens/PlayDetail/Vertical/Player/index.tsx
View File

@ -31,7 +31,9 @@ const styles = createStyle({
// paddingTop: progressContentPadding, // paddingTop: progressContentPadding,
// marginTop: -progressContentPadding, // marginTop: -progressContentPadding,
// backgroundColor: 'rgba(0, 0, 0, .1)', // backgroundColor: 'rgba(0, 0, 0, .1)',
padding: 15, paddingHorizontal: 15,
paddingBottom: 15,
paddingTop: 5,
// backgroundColor: AppColors.primary, // backgroundColor: AppColors.primary,
// backgroundColor: 'red', // backgroundColor: 'red',
flexDirection: 'column', flexDirection: 'column',

2
src/screens/PlayDetail/Vertical/index.tsx
View File

@ -76,7 +76,7 @@ export default memo(({ componentId }: { componentId: string }) => {
<PagerView <PagerView
onPageSelected={onPageSelected} onPageSelected={onPageSelected}
// onPageScrollStateChanged={onPageScrollStateChanged} // onPageScrollStateChanged={onPageScrollStateChanged}
style={{ flexGrow: 0, flexShrink: 1, height: `${64 * global.lx.fontSize}%` }} style={{ flexGrow: 0, flexShrink: 1, height: '64%' }}
> >
<View collapsable={false}> <View collapsable={false}>
<Pic componentId={componentId} /> <Pic componentId={componentId} />