文档首页/
华为云Astro轻应用/
用户指南(低代码)/
使用华为云Astro轻应用开发应用前端/
高级页面/
设置华为云Astro轻应用高级页面预置组件属性/
设置华为云Astro轻应用高级页面翻牌器组件属性
更新时间:2025-03-03 GMT+08:00
设置华为云Astro轻应用高级页面翻牌器组件属性
翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。
图1 设置翻牌器组件属性

基础
- 组件标题:设置组件的标题,用于在高级页面显示。
- 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。
位置
- 距离左端:组件到页面左侧的距离,单位为px。
- 距离顶端:组件到页面顶部的距离,单位为px。
- 宽度:组件的宽度,单位为px。
- 高度:组件的高度,单位为px。
- 堆叠顺序:设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。当需要让组件置底时,可设置堆叠顺序为“0”。
- 自适应高度:组件的高度是否随宽度改变。
- 开启:勾选该按钮,下方可见页面适配功能。
- 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。
边框
设置组件的边框样式,支持全边框和角边框两种。
- 全边框
- 样式:设置组件边框的样式,如实线、点线、虚线和双实线。
- 宽度:设置边框的宽度,单位px。
- 颜色:设置组件边框的颜色。
- 弧度:设置组件边框四个角的弧度,单位px。
- 角边框
- 宽度:设置组件边框的宽度,单位px。
- 长度:设置组件边框的长度,单位px。
- 颜色:设置组件边框的颜色。
- 弧度:设置组件边框四个角的弧度,单位px。
- 边距:设置组件边框和图表之间的间距,单位px。
背景
- 样式:设置背景的样式,如普通、居中、拉伸等。
- 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。
- 颜色:设置组件的背景颜色。
高级设置
选中翻牌器组件,单击鼠标右键选择“高级设置”,可设置翻牌器的样式和动作。
图2 翻牌器高级设置

- 样式设置
- 数字大小:数字文本的大小。
- 数字颜色:数字文本的颜色。
- 数字背景色:数字所占格子的背景颜色。
- 数字间隔(px):数字之间的间隔距离,取值范围为0~30px。
- 卡片内边距:整体数字和组件边框的内边距。
- 字体粗细:数字文本字体的粗细。
- 显示千分逗号:数值是否显示千分位逗号分隔符。
- 显示标题:是否显示翻牌器组件的标题。
- 标题内容:翻牌器组件的标题内容。当打开“显示标题”开关时,该参数才会出现。
- 标题对齐方式:翻牌器组件的标题对齐方式。当打开“显示标题”开关时,该参数才会出现。
- 标题颜色:翻牌器组件的标题文本颜色。当打开“显示标题”开关时,该参数才会出现。
- 标题大小:翻牌器组件的标题文本大小。当打开“显示标题”开关时,该参数才会出现。
- 显示单位:是否显示翻牌器数字的单位。
- 单位内容:翻牌器数字的单位文本内容。当打开“显示单位”开关时,该参数才会出现。
- 单位颜色:翻牌器数字的单位文本颜色。当打开“显示单位”开关时,该参数才会出现。
- 单位大小:翻牌器数字的单位文本大小。当打开“显示单位”开关时,该参数才会出现。
- 动画设置
- 动画类型:翻牌器数字动画类型,支持“普通类型”、“滚动类型”和“翻牌类型”。
- 动画时间(ms):动画播放的时长,单位为ms。
- 单次变换间隔(ms):动画单次变换的间隔时长,单位为ms。