检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
高级页面主要用于开发应用中较复杂的前端页面,例如包含图片、图表、视频、地图等元素的页面,您也可以将高级页面应用于开发网站、电商平台等,通过拖拽、布局组件,并进行相关属性配置即可快速搭建应用。
父主题: 开发“维修工程师处理工单”功能
使用AstroZero设置应用的导航栏菜单 开发者开发完应用后,支持为应用设置导航栏菜单,以提升用户体验、增强应用的可用性和功能性。一个应用中可以配置一个到多个导航菜单页签。 设置导航栏菜单 参考登录AstroZero新版应用设计器中操作,登录应用设计器。
PC端:上传136px*136px尺寸大小的png、gif、jpg、jpeg等类型的图片,图片大小不超过3M。 移动端:上传462px*300px尺寸大小的png、gif、jpg、jpeg等类型的图片,图片大小不超过3M。 上传预览图 设置PC端、移动端或PAD端的预览图片。
PC端:上传136px*136px尺寸大小的png、gif、jpg、jpeg等类型的图片,图片大小不超过3M。 移动端:上传462px*300px尺寸大小的png、gif、jpg、jpeg等类型的图片,图片大小不超过3M。 上传预览图 设置PC端、移动端或PAD端的预览图片。
图3 配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 / 图片URL:识别的主体是图片URL。 文字识别套件 / 图片文件:识别的主体为图片文件。
图2 配置测试参数 选择类型:识别的主体可以是图片或文本信息。本示例选择“文字识别套件 / 图片文件”,并上传待识别的行程码图片。 文字识别套件 / 图片URL:识别的主体是图片URL。 文字识别套件 / 图片文件:识别的主体为图片文件。
父主题: 开发“维修工程师处理工单”功能
图片的自适应。 自适应组件设计还需要满足图片的自适应,可以使用max-width,对图片宽度进行限制,确保图片宽度不会超过浏览器窗口或容器可视部分的宽度。 移动优先。 通常来说,移动端屏幕较小、视图简单,而大屏空间大、呈现更为复杂和多样。
将图片放到DisplayWidget目录中即可正常使用。
x-image-process 否 String 参数解释: 在OBS中定义,表示图片处理服务,更多介绍参见《图片处理特性指南》。
图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中雷达图组件,单击鼠标右键选择“高级设置”,可对雷达图进行多种配置。 图3 雷达图配置效果 选择模板:系统预置的雷达图模板,单击即可切换样式。可选择某一模板重置,也可通过设置各配置项得到想要的效果。
图片:用于上传图片,可以从OBS或者SFTP选择或上传图片。 面包屑:是项目中常用的一种组件。结构大致是“首页/菜单1/菜单2/菜单3”。 滑块:滑块是一个可以利用鼠标在其上面进行滑动的条状组件,一般使用在进度条,区域划分等地方。
图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置 选中雷达图组件,单击鼠标右键选择“高级设置”,可对雷达图进行多种配置。
图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置 选中水位图组件,单击鼠标右键选择“高级设置”,可对水位图进行多种配置。
图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置 选中基本折线图组件,单击鼠标右键选择“高级设置”,可对折线图进行多种配置。
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
图片:勾选后,单击“上传图片”,可发送图文消息通知。如果不勾选,按照文本卡片消息方式发送通知。 当前仅支持JPG和PNG格式的图片,图片大小建议不超过1068*455(大图)、150*150(小图)。 主题:设置微信主题,支持直接输入,或单击,从记录中添加。
新建img文件夹,存放商品图片,此处存放了10张商品图片,统一分辨率为380x440,如图2所示。 图2 新建img存在商品图片 在commodityListWidget.js中,新建Commodity对象并为其赋值。
图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中基本饼图组件,单击鼠标右键选择“高级设置”,可对饼图进行多种配置。 图3 数据系列里半径设置 图4 数据系列里标签内容格式设置 参考配色模板:系统预置的基本饼图模板,单击即可切换样式。