# 13.进度条(midea-seek-bar)
APP 内置组件,可直接在 template 中使用,不需要 import 导入和注册;
# 基础用法
<template>
<midea-seek-bar
class="seekbar"
:max="100"
:min="0"
:value="80"
:axisH="8"
:pointH="0"
:pointColor="'#36CBCB'"
axisColor="#EBEBEB"
:axisBgColor="'#36CBCB'"
:disable="true"
>
</midea-seek-bar>
</template>
<script>
export default {
data() {
return {
}
}
methods: {
}
}
</script>
# Attributes:data
Prop | Type | Required | Default | Description |
---|---|---|---|---|
max | Number | N | - | 最大范围 |
min | Number | N | - | 最小范围 |
value | Number | N | - | 当前绑定的值 |
axisH | Number | N | - | 线高度 |
pointH | Number | N | - | 圆点高度 |
pointColor | string | N | - | 圆点颜色 |
axisColor | string | N | - | 线的颜色 |
axisBgColor | string | N | - | 线的背景色 |
disable | Boolean | N | - | 是否可编辑 |