vue-crazy-deliverytime

安装 vue-crazy-deliverytime

yarn add vue-crazy-deliverytime
# or
npm install vue-crazy-deliverytime

引入 vue-crazy-deliverytime

// main.js
import DeliveryTime from 'vue-crazy-deliverytime'
Vue.use(DeliveryTime)

使用 vue-crazy-deliverytime

<template>
    <div>
        <DeliveryTime @change="changeDeliveryTime">
            <div slot="slot-icon">seleted</div>
        </DeliveryTime>
    </div>
</template>

<script>
export default {
    methods: {
        changeDeliveryTime(e) {
            console.log(e)
        }
    }
}
</script>

属性说明

| 属性 | 类型 | 默认值 | 说明 | |-|-|-|-| | unit | Number | 2 | 展示单位 | | openTime | [Array, String] | 6:30 | 每天的营业开始配送时间，如果为数组，则数量和dayCount一致 | | closeTime | [Array, String] | 22:30 | 每天的营业截止配送时间，如果为数组，则数量和dayCount一致 | | timeInt | Boolean | true | 右侧的时间是否为整数（被5整除） | | dayCount | Number | 7 | 左侧日期天数 | | showYear | Boolean | true | 左侧是否显示 年 | | deliverySpaceTime | Number | 15 | 分钟，预配送时间间隔 | | deliveryInitTime | Number | 45 | 分钟，订单下单前预估的最快配送所需时间 | | showIcon | Boolean | true | 右侧是否显示 选中图标 |

插槽

| 插槽 | 说明 | |-|-| | slot-icon | 可以代替默认的选中小图标 |