Vue-crazy-deliverytime NPM

vue-crazy-deliverytime

screenShot

安装 `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`	右侧是否显示选中图标