# vue-crazy-deliverytime

> ![screenShot](https://github.com/crazy-hope/vue-crazy-deliverytime/blob/master/screenshot/deliverytime.png)

Latest version **0.1.3** (published 2020-04-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-crazy-deliverytime
pnpm add vue-crazy-deliverytime
yarn add vue-crazy-deliverytime
bun add vue-crazy-deliverytime
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2020-04-20 |
| First published | 2020-04-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 890.2 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | crazyHope |
| Maintainers | crazyhope |

## Links

- npm: https://www.npmjs.com/package/vue-crazy-deliverytime
- Repository: https://github.com/crazy-hope/vue-crazy-deliverytime
- Homepage: https://github.com/crazy-hope/vue-crazy-deliverytime#readme
- Issues: https://github.com/crazy-hope/vue-crazy-deliverytime/issues
- npm.io page: https://npm.io/package/vue-crazy-deliverytime

## Dependencies (5)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.4
- [node-sass](https://npm.io/package/node-sass.md) ^4.13.1
- [sass-loader](https://npm.io/package/sass-loader.md) ^8.0.2
- [vue-crazy-deliverytime](https://npm.io/package/vue-crazy-deliverytime.md) ^0.1.3

## Recent versions

- 0.1.3 (latest) — 2020-04-20
- 0.1.2 — 2020-04-18
- 0.1.1 — 2020-04-18
- 0.1.15 — 2020-04-18

## README

# vue-crazy-deliverytime

![screenShot](https://github.com/crazy-hope/vue-crazy-deliverytime/blob/master/screenshot/deliverytime.png)

### 安装 `vue-crazy-deliverytime`
``` shell
yarn add vue-crazy-deliverytime
# or
npm install vue-crazy-deliverytime
```

### 引入 `vue-crazy-deliverytime`
``` javascript
// main.js
import DeliveryTime from 'vue-crazy-deliverytime'
Vue.use(DeliveryTime)
```

### 使用 `vue-crazy-deliverytime`
``` html
<template>
    <div>
        <DeliveryTime @change="changeDeliveryTime">
            <div slot="slot-icon">seleted</div>
        </DeliveryTime>
    </div>
</template>
```
``` javascript
<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 | 可以代替默认的选中小图标 |

---
_Source: https://npm.io/package/vue-crazy-deliverytime · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._