lan/JKVideo
1
0
Fork 0
mirror of https://gh-proxy.org/https://github.com/tiajinsha/JKVideo synced 2026-07-08 07:28:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 末行单卡片居中 + 卡片高度不一致

Browse Source 
- columnWrapperStyle justifyContent 改为 flex-start，末行单卡片靠左
- title 固定 height: 32px（2行 × lineHeight 16），
  使每张卡片 info 区高度相同，消除高度不一致
This commit is contained in:
Developer
2026-03-10 21:14:24 +08:00
parent 621fbebc08
commit 836b2ceb28
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/index.tsx
View File

@@ -161,7 +161,7 @@ const styles = StyleSheet.create({
backgroundColor: '#00AEEC', backgroundColor: '#00AEEC',
borderRadius: 1, borderRadius: 1,
}, },
row: { paddingHorizontal: 8, justifyContent:'center' }, row: { paddingHorizontal: 8, justifyContent: 'flex-start' },
leftCol: { marginLeft: 4, marginRight: 2 }, leftCol: { marginLeft: 4, marginRight: 2 },
rightCol: { marginLeft: 2, marginRight: 4 }, rightCol: { marginLeft: 2, marginRight: 4 },
footer: { height: 48, alignItems: 'center', justifyContent: 'center' }, footer: { height: 48, alignItems: 'center', justifyContent: 'center' },

2
components/VideoCard.tsx
View File

@@ -45,7 +45,7 @@ const styles = StyleSheet.create({
durationBadge: { position: 'absolute', bottom: 4, right: 4, backgroundColor: 'rgba(0,0,0,0.6)', borderRadius: 3, paddingHorizontal: 4, paddingVertical: 1 }, durationBadge: { position: 'absolute', bottom: 4, right: 4, backgroundColor: 'rgba(0,0,0,0.6)', borderRadius: 3, paddingHorizontal: 4, paddingVertical: 1 },
durationText: { color: '#fff', fontSize: 10 }, durationText: { color: '#fff', fontSize: 10 },
info: { padding: 6 }, info: { padding: 6 },
title: { fontSize: 12, color: '#212121', lineHeight: 16, marginBottom: 4 }, title: { fontSize: 12, color: '#212121', lineHeight: 16, height: 32, marginBottom: 4 },
meta: { flexDirection: 'row', alignItems: 'center', gap: 2 }, meta: { flexDirection: 'row', alignItems: 'center', gap: 2 },
metaText: { fontSize: 11, color: '#999' }, metaText: { fontSize: 11, color: '#999' },
owner: { fontSize: 11, color: '#999', marginTop: 2 }, owner: { fontSize: 11, color: '#999', marginTop: 2 },