# 翻牌器
翻牌器是文本组件的一种，通过设置翻牌动画效果，来动态展示数据的变化过程。
在大屏设计页面，从"全部组件 \> 文本"中，拖拽"翻牌器"组件至画布空白区域，如[图1]。
图1翻牌器   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002158425481.png "点击放大")
图2边距样式说明   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123184108.png)
#### 卡片
卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
图3翻牌器卡片   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027320.png "点击放大")
- 背景
  - 背景色：设置组件卡片的背景颜色。
  
  - 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。
  
  - 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。
  
  - 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。
   
- 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。
- 边距：组件中图表距离整个组件四边（上、下、左、右，如[图2]）的距离，默认为0，即铺满整个组件。
 
#### 配置
在配置中，设置翻牌器组件的样式和动画。
图4翻牌器配置   
![](https://support.huaweicloud.com/usermanual-astrocanvas/zh-cn_image_0000002123027316.png "点击放大")
- 样式设置
  - 字体：设置翻牌器字体、大小和颜色等。
  
  - 数字背景：翻牌器中数字是否显示背景。"动画类型"设置为"翻牌类型"时，不支持隐藏背景。
  
  - 数字背景颜色：设置翻牌器中数字的背景颜色。"数字背景"设置为"显示"时，才会显示该参数。
  
  - 数字间隔：设置翻牌器数字之间的距离，单位为px。
  
  - 卡片内边距：设置翻牌器数字与组件卡片之间的边距。
  
  - 千分逗号：数字是否显示千分逗号，默认为"显示"。
  
  - 标题：翻牌器标题是否显示，默认为"隐藏"。
  
  - 标题内容：设置标题的内容。"标题"设置为"显示"时，才显示该参数。
  
  - 标题对齐方式：设置标题的对齐方式，支持左对齐、居中和右对齐。"标题"设置为"显示"时，才显示该参数。
  
  - 标题字体：设置标题的字体、大小和颜色。"标题"设置为"显示"时，才显示该参数。
  
  - 单位：是否显示单位，默认为"隐藏"。
  
  - 单位内容：设置单位的内容。"单位"设置为"显示"时，才会显示该参数。
  
  - 单位字体：设置单位的字体、大小和颜色。"单位"设置为"显示"时，才会显示该参数。
   
- 动画设置
  - 动画类型：设置翻牌器动画类型，支持普通类型、滚动类型和翻牌类型。
  
  - 动画时间：设置动画时间，取值范围为\[200, 100000\]，单位为ms。
  
  - 单次变换间隔：设置动画单次变换间隔时间，取值范围为\[50, 1000\]，单位为ms。
   
 
#### 数据
在数据中，设置翻牌器的数据来源，更多介绍请参见[数据接入](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6143.html)。
#### 交互
在交互中，配置翻牌器与其他组件或页面之间的交互能力。更多交互介绍，请参见[交互设置](https://support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6140.html)。