expo-popcore-app/verify_templatecard.ts

42 lines
1.2 KiB
TypeScript

// 简单验证脚本 - 检查 TemplateCard 组件的新功能
import { TemplateCardProps } from './components/blocks/home/TemplateCard'
console.log('✅ TemplateCard 接口验证')
// 验证新 props
const props1: TemplateCardProps = {
id: '123',
title: '测试模板',
cardWidth: 200,
onPress: (id) => console.log(id),
liked: true,
favorited: false,
}
console.log('✅ liked 和 favorited props 可以正常使用')
// 验证向后兼容
const props2: TemplateCardProps = {
id: '456',
title: '测试模板2',
cardWidth: 200,
onPress: (id) => console.log(id),
}
console.log('✅ 向后兼容性验证通过(不传 liked/favorited 也可以)')
// 验证图标逻辑
const liked = true
const likeIconName = liked ? 'heart' : 'heart-outline'
const likeIconColor = liked ? '#FF3B30' : 'rgba(142, 142, 147, 0.7)'
console.log(`✅ 点赞图标: ${likeIconName}, 颜色: ${likeIconColor}`)
const favorited = true
const favoriteIconName = favorited ? 'star' : 'star-outline'
const favoriteIconColor = favorited ? '#FFD700' : 'rgba(142, 142, 147, 0.7)'
console.log(`✅ 收藏图标: ${favoriteIconName}, 颜色: ${favoriteIconColor}`)
console.log('✅ 所有验证通过!')