/vue-crazy-deliverytime

自定义-送达时间范围选择器

Primary LanguageVue

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

插槽

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