Appearance
属性
javascript
// 进度条组件的配置对象
progress: {
// 标识是否为容器组件
isContainer: false,
// 组件的显示名称
displayName: "进度条",
// 标识是否为表单组件
isForm: false,
// 是否可以添加数据表查询
canAddDataTableQuery: false,
// 是否可以添加数据表列表
canAddDataTableList: true,
// 进度条是否默认完成
complete: true,
// 进度条的属性配置
props: {
// 是否显示标签
hasLabel: true,
// 进度条大小,默认为默认大小
size: "default",
// 备注信息
remark: "",
// 进度条颜色
color: "#67C23A",
// 进度条的线宽
strokeWidth: 6,
// 标签是否在进度条内部
textInside: false,
// 是否有条纹
hasStriped: true,
// 是否开启流动条纹效果
hasStripedFlow: true,
// 是否隐藏进度条
hide: false,
// 圆形进度条的宽度
circleWidth: 126,
// 标签位置
labelPosition: "left",
// 进度值
value: null,
// 自定义名称
zdname: null,
// 进度条标签文字
label: "进度条",
// 标签对齐方式
labelAlign: "right",
// 标签宽度
labelWidth: "120px",
// 进度条宽度
width: 24,
// 进度条类型,如线形、圆形等
type: "line",
// 组件创建时的回调函数
onCreated: null,
// 组件挂载后的回调函数
onMounted: null,
// 进度条格式化函数
format: null,
}
},
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |