time-dragged v0.1.2

time-dragged

可插入自定义标签的 time-dragged

安装

$ npm install time-dragged -S

使用

在 main.js 文件中引入插件并注册

# main.js
import timeDragged from 'time-dragged'
import 'time-dragged/lib/time-dragged.css'
Vue.use(timeDragged)

在项目中用使用 timeDragged

<template>
  <time-dragged :hourList="hourRange" :hour="curHour" @getHour="setHour"> </time-dragged>
</template>
<script>
  export default {
    data () {
      return {
        hourRange: [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24],
        curHour: 22,
      }
    }
  }
</script>

注意：标签为 <time-dragged>

参数

自定义 tag 的时候，需要添加该标签的样式

事件