Skip to content
One-step Console 官方文档
搜索文档
⌘
Ctrl
K
Main Navigation
文档
指南
组件
在线演示
专业版
备用地址
专业版
购买专业版
Appearance
Menu
Return to top
On this page
作者其他作品
Fantastic-startkit
简单好用的 Vue3 项目启动套件
Fantastic-admin
面向 AI 的管理系统框架
Fantastic-mobile
自成一派的 H5 框架
Are you an LLM? You can read better optimized documentation at /components/pro/OcFlipCard.md for this page in Markdown format
专业版
FaFlipCard 翻转卡片
支持 3D 翻转效果的卡片组件,鼠标悬停时翻转显示背面内容。
使用场景
支持 3D 翻转效果的卡片组件,鼠标悬停时翻转显示背面内容。
常见用法:水平翻转、产品卡片、团队成员卡片。
Props
参数
说明
类型
默认值
rotate
翻转方向
'x' | 'y'
'y'
class
自定义类名
HTMLAttributes['class']
undefined
Slots
名称
说明
default
默认插槽,卡片正面内容
back
背面内容插槽
注意事项
涉及动画、预览或状态反馈时,建议结合实际页面密度控制同屏实例数量与刷新频率。