云服务器内容精选

华为云首页用户手册

设置华为云Astro轻应用高级页面预置组件属性

华为云ASTRO轻应用-设置华为云Astro轻应用高级页面雷达图组件属性:边框

边框设置组件的边框样式，支持全边框和角边框两种。全边框样式：设置组件边框的样式，如实线、点线、虚线和双实线。宽度：设置边框的宽度，单位px。颜色：设置组件边框的颜色。弧度：设置组件边框四个角的弧度，单位px。角边框宽度：设置组件边框的宽度，单位px。长度：设置组件边框的长度，单位px。颜色：设置组件边框的颜色。弧度：设置组件边框四个角的弧度，单位px。边距：设置组件边框和图表之间的间距，单位px。

华为云ASTRO轻应用设置华为云Astro轻应用高级页面预置组件属性
华为云ASTRO轻应用-设置华为云Astro轻应用高级页面雷达图组件属性:位置

位置距离左端：组件到页面左侧的距离，单位为px。距离顶端：组件到页面顶部的距离，单位为px。宽度：组件的宽度，单位为px。高度：组件的高度，单位为px。堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为“0”。自适应高度：组件的高度是否随宽度改变。开启：勾选该按钮，下方可见页面适配功能。页面适配：勾选页面适配下方的“开启”，表示组件开启自适应高度。该属性使页面其它位于其下方的组件，根据该组件的高度变化自动调整位置，一个页面只支持一个组件。

华为云ASTRO轻应用设置华为云Astro轻应用高级页面预置组件属性
华为云ASTRO轻应用-设置高级页面路由导航和路由视图组件属性:自定义布局样式

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

华为云ASTRO轻应用设置华为云Astro轻应用高级页面预置组件属性