# ui-time-rule 时间标尺组件
版本：v2.3.11
时间标尺组件用于展示时间刻度，支持自定义样式和刻度密度
# 基本使用
<template>
<div class="time-rule-demo">
<ui-time-rule />
</div>
</template>
<style scoped>
.time-rule-demo {
padding: 20px;
}
</style>
# Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
startTime | Number | 0 | 开始时间，单位：秒 |
endTime | Number | 3600 | 结束时间，单位： |
interval | Number | 60 | 刻度间隔，单位： |
color | String | '#333' | 时间标尺颜色 |
height | Number | 60 | 时间标尺高度，单位：px |
showText | Boolean | true | 是否显示时间文本 |
textSize | Number | 12 | 时间文本大小，单位：px |
textColor | String | - | 时间文本颜色 |
# Events
| 事件 | 说明 | 回调参数 |
|---|---|---|
click | 点击时间标尺时触 | (time: Number) 点击位置对应的时间，单位：秒 |
# Slots
| 名称 | 说明 |
|---|---|
tick | 自定义刻度内 |
text | 自定义时间文 |