检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 radio配置示例如下,配置后效果如图1所示。 { type: 'radio', name: 'commProps.myRadio', value: '我是radio的类型'
说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 switch配置示例如下,配置后效果如图1所示。 { type: 'switch', name: 'commProps.mySwitch', value: '我是switch的类型'
回调参数 change change 值改变时触发 (value, data, field) 配置示例 colorpicker配置示例如下,配置后效果如图1所示。 { type: 'colorpicker', name: 'commProps.myColorpicker', value:
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下,设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value: '我是text的类型'
调用配置项中的方法 说明 回调参数 change change 值改变时触发 (value, data, field) 配置示例 tab配置示例如下,配置后效果如图1所示。 { type: 'tab', name: 'commProps.myTab', value: true, label:
{"zh_CN": "请选择","en_US": "Please select"} 占位提示。 事件 无 配置示例 time配置示例如下,配置后效果如图1所示。 { type: 'time', name: 'commProps.myTime', value: '', label:
下拉框选中态背景颜色:设置下拉框选中态的背景颜色。 下拉框选中态字体颜色:设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色:设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色:设置下拉框鼠标悬浮时的字体颜色。 树状表格 懒加载:开启懒加载,必须配置全局变量和交互事件。 展开层级:设置树状表格展开层级。
底部间隔:图例到组件底部的间隔。 可拖拽手柄:图例上是否展示可拖拽手柄。 图例宽度:设置图例的宽度。 图例高度:设置图例的高度。 鼠标悬浮联动:是否有鼠标悬浮联动效果。 坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图6 热力图坐标轴 x轴
回调参数 change change 值改变的时候触发 (value, data, field) 配置示例 slider配置示例如下,配置后效果如图1所示。 { type: 'slider', name: 'commProps.mySliderStr', value: '64%'
最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:图表的各个数据系列上,是否显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:标签前是否显示视觉引导线。
最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:设置为显示后,图表中会显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。
focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 input-number配置示例如下,配置后效果如图1所示。 { type: 'input-number', name: 'commProps.myInputNumber', value:
console.log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。
所有标签设置:设置为显示后,图表中会显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。 图7 设置为是显示效果 引导线长度:设置标签引导线的长度。 标签内容:
字体:搜索内容的字体大小、颜色等设置。 背景颜色:设置搜索框的背景颜色。 边框颜色:默认状态下,搜索框边框的颜色。 边框聚焦颜色:鼠标选中搜索框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在搜索框上时,边框的颜色。 占位符:没有输入搜索内容时,展示的文字内容。 搜索按钮设置 字体:搜索按钮和按钮字体的大小、颜色等设置。
选中态背景颜色:选中状态下,选择框背景的颜色。 边框颜色:未选中状态下,选择框边框的颜色。 边框聚焦颜色:鼠标选中选择框时,边框的颜色。 边框悬浮颜色:鼠标悬浮在选择框上时,边框的颜色。 不可用边框色:不可选的选择框边框颜色。 不可用背景色:不可选的选择框背景色。 不可用字体颜色:不可选的选项字体颜色。
最小角度:扇区最小角度。 鼠标悬停:鼠标放在扇区时,该扇区是否放大显示。 所有标签设置:设置为“显示”后,图表中会显示标签。 所有标签悬浮设置:鼠标悬浮在对应数据系列上时,标签是否显示。 标签位置:标签显示位置,如内部、外部或中间。 标签视觉引导线是否展现:设置为“是”时,标签前会添加引导线。
单击新增时触发 (vm) itemDelCallBack delAssembleType 单击删除时触发 (value) 配置示例 配置后效果,如图1所示。 { type: "list", name: "commProps.rowCusBg", displayMode:
默认文字:选项卡没启用,处于默认状态下的文字字体、文字粗细、文字大小、文字颜色。 激活文字颜色:选中当前选项卡Tab,即激活状态下的文字颜色。 悬浮文字颜色:鼠标悬浮当前选项卡Tab上时,文字的颜色。 默认背景样式:设置选项卡未启用时,默认的背景样式,支持颜色和图片两种样式。 默认背景色:设置选
输入框背景颜色:设置输入框背景颜色。 边框颜色:设置输入框边框的颜色。 边框聚焦颜色:设置鼠标选中输入框时,边框的颜色。 边框悬浮颜色:设置鼠标悬浮在输入框上时,边框的颜色。 输入框内容设置 选择范围时的分隔符:选择日期范围时,中间的分隔符,一般使用“-”。 范围选择时开始日期