预约时间间隔（time-slot）

预约类型项目中直观显示已被预约情况

基本使用

<itu-time-slot :mark="mark" :disabledTime="disabledTime" :activeTime="activeTime" :startTime="startTime" :endTime="endTime" :timeSlot="timeSlot" :defaultColor="defaultColor" :disabledColor="disabledColor" :activeColor="activeColor"></itu-time-slot>

< script >
  export default {
    data() {
      return {
        startTime: 6,
        endTime: 20,
        timeSlot: 30,
        defaultColor: "#e6e6e6",
        disabledColor: "#fc1307",
        activeColor: "blue",
        disabledTime: ['15:00'],
        activeTime: ['15:30', '16:00'],
        mark: false
      }
    }
  } <
  /script>

Props

属性名	类型	默认值	说明
startTime	[Number, String]	8或者"8:00"	开始时间
endTime	[Number, String]	20或者"20:00"	结束时间
timeSlot	Number	30	间隔时间（分钟）
defaultColor	String	#ecf5ff	默认背景颜色
disabledColor	String	#a0cfff	禁用背景颜色
activeColor	String	#2979ff	选中背景颜色
disabledTime	Array	[]	禁用时间
activeTime	Array	[]	选中时间
mark	Boolean	true	刻度
mode	String	hour	模式，可选：hour/minute
fontSize	String	26rpx	字体大小
height	Number	26	高度

Events

事件名称	类型	说明
click	Function	返回点击的数据{value, index, time}