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

src/screens/PlayDetail/Vertical/Pic.tsx

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

src/screens/PlayDetail/Vertical/Player/components/ControlBtn.tsx

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

src/screens/PlayDetail/Vertical/Player/index.tsx

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

src/screens/PlayDetail/Vertical/index.tsx

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