mirror of
https://gh-proxy.org/https://github.com/tiajinsha/JKVideo
synced 2026-07-08 07:28:37 +08:00
feat: UP主页/视频详情页 UI 优化 + 多处交互修复
- creator: 头部模糊背景 + 滚动渐变 topBar,移除 removeClippedSubviews 修复列表抖动 - video: 简介 2 行折叠(onTextLayout 探测真实行数),tname 分区标签,统计数据前移到 UP 主行 - VideoCard/LiveCard: title 设 minHeight 解决两列卡片底部对齐 - LoginModal: 二维码过期支持原地重试,无需关闭重开 - search: 初始 loading 显示 indicator,搜索/选建议时自动收起键盘 - 统一图片组件为 expo-image:LiveCard / FollowedLiveStrip / downloads - types: VideoItem 补 tname / pubdate 字段
This commit is contained in:
@@ -50,8 +50,7 @@ export function LoginModal({ visible, onClose }: Props) {
|
||||
}
|
||||
}, [visible]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!visible) return;
|
||||
function initQRCode() {
|
||||
setStatus("loading");
|
||||
setQrData(null);
|
||||
setQrKey(null);
|
||||
@@ -62,7 +61,11 @@ export function LoginModal({ visible, onClose }: Props) {
|
||||
setStatus("waiting");
|
||||
})
|
||||
.catch(() => setStatus("error"));
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (!visible) return;
|
||||
initQRCode();
|
||||
return () => {
|
||||
if (pollRef.current) clearInterval(pollRef.current);
|
||||
};
|
||||
@@ -187,7 +190,13 @@ export function LoginModal({ visible, onClose }: Props) {
|
||||
</>
|
||||
)}
|
||||
{status === "error" && (
|
||||
<Text style={[styles.hint, { color: theme.modalTextSub }]}>二维码已过期,请关闭重试</Text>
|
||||
<View style={styles.errorBox}>
|
||||
<Text style={[styles.hint, { color: theme.modalTextSub }]}>二维码已过期</Text>
|
||||
<TouchableOpacity style={styles.retryBtn} onPress={initQRCode}>
|
||||
<Ionicons name="refresh" size={14} color="#fff" />
|
||||
<Text style={styles.retryTxt}>重新获取</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
)}
|
||||
<TouchableOpacity style={styles.closeBtn} onPress={onClose}>
|
||||
<Text style={styles.closeTxt}>关闭</Text>
|
||||
@@ -230,7 +239,19 @@ const styles = StyleSheet.create({
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
hint: { fontSize: 13, color: "#666", marginBottom: 20 },
|
||||
hint: { fontSize: 13, color: "#666", marginBottom: 12 },
|
||||
errorBox: { alignItems: "center", marginBottom: 8 },
|
||||
retryBtn: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 4,
|
||||
backgroundColor: "#00AEEC",
|
||||
paddingHorizontal: 16,
|
||||
paddingVertical: 8,
|
||||
borderRadius: 20,
|
||||
marginBottom: 12,
|
||||
},
|
||||
retryTxt: { fontSize: 13, color: "#fff", fontWeight: "600" },
|
||||
closeBtn: { padding: 12 },
|
||||
closeTxt: { fontSize: 14, color: "#00AEEC" },
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user