检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置华为云Astro轻应用高级页面图片组件属性 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 图1 设置图片组件属性 基础 组件标题:设置组件的标题,用于在高级页面显示。 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。 位置 距离左端:组件到页面左侧的距离,单位为px。
get_endpoint_objectstorageproxy:获取上传对象文件的地址前缀。 view_object_objectstorageproxy:系统预置的查看存储对象接口。 put_object_objectstorageproxy:是系统预置的存储对象接口,用于将系统的对象存储到存储桶中。 本
绝对布局类型高级页面组件布局示例 如上图所示,示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方,单击,设置背景图片。 图3 设置页面背景色示例 查找并拖入该页面中包含的组件(1个文本编辑、1个基本柱图和1个多区域折线图),通过拖拽进行位置、大小调整。 设置文本编辑组件内容为“绝对布局类型高级页面”,字号为“大号”。
绝对布局类型高级页面组件布局示例 如上图所示,示例页面中包含文本编辑、基本柱图和多区域折线图三个组件。 在高级页面右上方,单击,设置背景图片。 图3 设置页面背景色示例 查找并拖入该页面中包含的组件,通过拖拽进行初步位置、大小调整。 图4 拖拽所需的组件到画布中 设置文本编辑组件内容为“绝对布局类型高级页面”,字号为“大号”。
再单击“下载”。 图1 下载组件模板 在弹出的窗口中,输入组件名称,并单击“保存”,将组件模板保存到本地,并解压。 图2 输入组件名称 查看解压后的组件目录。 目录结构如图3所示,其中userLogin.js文件是写vue业务逻辑的代码,userLogin.ftl用于写html代码,userLogin