云服务器内容精选

华为云首页用户手册

全局高级组件

ASTRO轻应用 ASTROZERO-路由导航和路由视图:自定义布局样式

自定义布局样式如果导航页面，想实现如下图所示布局效果，即整个页面不需要有滚动条，而其中导航组件区域和全局路由视图组件区域可随滚动条滚动时，可参考如下步骤实现。图13 自定义布局样式页面效果在头部组件的“.css”样式文件中，指定头部组件的高度。样例代码如下： #headerWidget { height: 90px; } 参考基于预置组件进行自定义中操作，下载预置组件路由导航(示例)，解压global_NavigatorWidget.zip。修改解压后的“Navigator_Widget.css”文件，该文件是Widget的样式文件，在该文件中编写Widget的css样式。样例代码如下： html[app=desktop] body { overflow: hidden; } #navigatorWidget, #global_RouterViewWidget { height: calc(100% - 90px); overflow: scroll; } 将修改后的头部组件和组件路由导航组件文件，重新打成zip包。参考基于预置组件进行自定义中操作，上传重新打包后的组件。在高级页面设计器左上方，单击，拖出上传的头部组件、路由导航组件和预置的路由视图组件至设计页面。单击页面上方的，保存页面。保存成功后，单击，发布页面。发布成功后，单击，可查看页面效果。

ASTRO轻应用 ASTROZERO 全局高级组件
APPCUBE-翻牌器

翻牌器翻牌器组件用于在页面中展示实时数据的变化，在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。在设计页面左上方单击，从“文本”中拖出翻牌器组件至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。参数说明请参考预置组件及公共属性说明。其中“数据”页签“桥接器实例”选择“翻牌器数据桥接器”，“数据类型”选择“静态数据”，可在预置的静态数据中改变“number”的取值来设置翻牌器显示的具体数字，您也可设置通过调用URL来配置动态数据。选择该组件，单击鼠标右键选择“高级设置”，可对翻牌器进行多种配置。图1 普通类型效果图2 滚动类型效果表1 翻牌器配置参数说明区域参数名说明样式设置数字大小数字文本的大小。数字颜色数字文本的颜色。数字背景色数字所占格子的背景颜色。数字间隔（px）数字之间的间隔距离，取值范围为4~30px。卡片内边距整体数字和组件边框的内边距。字体粗细数字文本字体的粗细。显示千分逗号数值是否显示千分位逗号分隔符。显示标题是否显示翻牌器组件的标题。标题内容翻牌器组件的标题内容。当打开“显示标题”开关时，该参数才会出现。标题对齐方式翻牌器组件的标题对齐方式。当打开“显示标题”开关时，该参数才会出现。标题颜色翻牌器组件的标题文本颜色。当打开“显示标题”开关时，该参数才会出现。标题大小翻牌器组件的标题文本大小。当打开“显示标题”开关时，该参数才会出现。显示单位是否显示翻牌器数字的单位。单位内容翻牌器数字的单位文本内容。当打开“显示单位”开关时，该参数才会出现。单位颜色翻牌器数字的单位文本颜色。当打开“显示单位”开关时，该参数才会出现。单位大小翻牌器数字的单位文本大小。当打开“显示单位”开关时，该参数才会出现。动画设置动画类型翻牌器数字动画类型，分“普通类型”、“滚动类型”和“翻牌类型”。动画时间（ms）动画播放的时长，单位ms。单次变换间隔（ms）动画单次变换的间隔时长，单位ms。父主题：全局高级组件

APPCUBE 全局高级组件