检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图标:用于辅助相关文字进行展示,也可当做按钮单击使用,通常需要配合其他组件一起使用。 标题:用于添加具有标题意义的文字,可以通过选择属性“标题类型”的值,来控制添加标题的文字大小。 链接:链接地址,用于链接、跳转,一般常用来打开新页面或作为文字性按钮使用。 图片:用于上传图片,可以从OBS或者SFTP选择或上传图片。
新建img文件夹,存放商品图片,此处存放了10张商品图片,统一分辨率为380x440,如图2所示。 图2 新建img存在商品图片 在commodityListWidget.js中,新建Commodity对象并为其赋值。 其中,Commodity对象包含三个属性,分别为src(商品图片路径)、ti
新增跨应用设置能力。 新增视图自定义筛选条件、冻结表格列、数据公开查询能力。 新增表单设置唯一索引能力。 优化富文本组件,支持调整上传图片大小。 优化数据标题,支持自定义文字内容。 优化周期填报的配置能力,支持更灵活的场景配置。 优化表单组件的默认值能力。 优化零代码菜单能力,支持通过iframe嵌套其他页面作为菜单。
边距:设置组件边框和图表之间的间距,单位px。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。 颜色:设置组件的背景颜色。 高级设置
自适应高度:组件的高度是否随宽度改变。 边框:设置组件的边框样式,如全边框或角边框。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中雷达图组件,单击鼠标右键选择“高级设置”,可对雷达图进行多种配置。 图3 雷达图配置效果
必须以英文字母开头,只能由英文字母,数字或下划线组成,且不能以下划线结尾。 描述 根据实际需求,输入菜单项的描述信息。 取值范围:1~255个字符。 菜单图标 单击“修改”,可设置菜单Logo。支持在“选择图标”中,选择系统预置的图标,也可以单击“上传”,使用本地的图片作为菜单图标。
折线图 折线图组件实现折线图样式数据报表统计。在报表编辑页面,拖拽“折线图”组件到中间区域,右侧可设置组件属性。 图1 折线图 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 数据 维度:选择字段作为维度字段。单击,可设置维度排序方式(如升序、倒序等)和维度名称相同时是否合并。
容器内部,可以考虑采用绝对单位固定其关系,这对于不需要扩展的按钮等元素来说非常有效。 图片的自适应 自适应组件设计还需要满足图片的自适应,可以使用max-width,对图片宽度进行限制,确保图片宽度不会超过浏览器窗口或容器可视部分的宽度。 移动优先 通常来说,移动端屏幕较小、视图
设置应用布局样式 主题颜色:设置应用的主题颜色,系统预置了很多主题供您选择。 图标:设置应用的Logo,如更改Logo图片、设置圆形图标和隐藏文字。将鼠标放在“图标”下的图片上,选择“更改”,可更改应用Logo。 布局:选择“布局”中的样式,在右侧区域设置布局参数,如菜单、子菜单、页签、应用标题的字体及颜色等。
表1 公司信息参数说明表 区域 参数 说明 基本信息 组织名称 公司的名称,命名要求如下: 长度范围为1~80个字符。 必须以英文字母开头,只能由英文字母、数字或单下划线组成,且不能以下划线结尾。 租户名 公司属于的账号。 描述 公司的描述信息。 默认时区 公司所在的时区,直接在下拉框中选择。
设置组件全边框,包含边框样式、宽度、颜色和弧度。 角边框 设置组件角边框,包含边框宽度、长度、颜色、弧度和边距。 背景 样式 设置组件背景图片的展示模式,包含普通、居中、拉伸和平铺。 图片链接 设置背景图片。 颜色 设置组件背景颜色。 数据设置:设置组件绑定的桥接器,以实现通过桥接器调用后台接口,获取后台数据,详情请参见如何调用后台接口。
setButtonText:对外显露的方法,用于修改按钮中的文本。 修改视图文件“imgButton.vue”中的“style scoped”,定义图片按钮的样式类。 包括图片按钮外框、图片、文本三个样式类,如下图所示。 图10 定义样式类 .imgButton { display: inline-block;
为英文。 文件大小(KB):限制上传文件的大小,最大可设置为204800KB。 限制文件类型(最少选择一项):限制上传的文件类型。 图片:支持的图片后缀为png、jpg、jpeg和gif。 文档:支持的文件后缀为pdf、doc、docx、xls、xlsx、ppt、pptx、txt、htm和html。
生成海报 在生成海报页面,选择海报模板,设置标题、LOGO等信息。 图3 设置海报 海报模板:选择海报模板。 背景设置:自定义海报模板,上传的背景图片必须为jpg或png格式,且大小不能超过500KB。 标题:设置海报标题,支持设置颜色。 描述信息:设置海报的描述信息,支持设置颜色。 二
自适应高度:组件的高度是否随宽度改变。 边框:设置组件的边框样式,如全边框或角边框。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中散点图组件,单击鼠标右键选择“高级设置”,可对散点图或气泡图进行多种配置。 图3 散点图配置效果
文件大小错误描述:当文件超过限制大小时,提示的错误描述。 预览:是否开启预览,只在图片时生效。 图片压缩:是否开启图片压缩功能,当前仅支持jpg、jpeg和png格式的图片。 压缩尺寸:当“图片压缩”开关打开时,该参数才会显示。图片压缩尺寸,分为保持原尺寸和自定义尺寸。 保持原尺寸压缩: 如果设置
全局高级组件 轮播 图片 文本 自定义背景框 基本柱图 基本折线图 基本饼图 水位图 散点图 雷达图 仪表盘 翻牌器 路由导航和路由视图 父主题: 高级页面
自适应高度:组件的高度是否随宽度改变。 边框:设置组件的边框样式,如全边框或角边框。 背景 样式:设置背景的样式,如普通、居中、拉伸等。 图片链接:背景图片URL。 颜色:设置背景的颜色。 高级设置 选中基本柱图组件,单击鼠标右键选择“高级设置”,可对柱状图进行多种配置。 图3 基本柱图效果图
文件大小错误描述:当文件超过限制大小时,提示的错误描述。 预览:是否开启预览,只在图片时生效。 图片压缩:是否开启图片压缩功能,当前仅支持jpg、jpeg和png格式的图片。 压缩尺寸:当“图片压缩”开关打开时,该参数才会显示。图片压缩尺寸,分为保持原尺寸和自定义尺寸。 保持原尺寸压缩: 如果设置
雷达图:通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 媒体 轮播:通过轮播的方式,来实现图片广告位的展示。 图片:用于直接展示需要呈现的图片数据。 视频播放器:用于播放FLV(Flash Video)格式的视频。 地图 通过地图组件,将地图添加到高级页面中。