# 3d-box

> 3d盒子

Latest version **0.0.7** (published 2018-09-05) · 0 weekly downloads

## Install

```sh
npm install 3d-box
pnpm add 3d-box
yarn add 3d-box
bun add 3d-box
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.7 |
| Published | 2018-09-05 |
| First published | 2018-09-03 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 89.7 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 911 |
| Author | lilu1814 |
| Maintainers | lilu |

## Links

- npm: https://www.npmjs.com/package/3d-box
- Repository: git@github.com/warpcgd/vue-concise-slider
- npm.io page: https://npm.io/package/3d-box

## Dependencies (6)

- [vue](https://npm.io/package/vue.md) ^2.5.13
- [eslint](https://npm.io/package/eslint.md) ^2.10.2
- [webpack](https://npm.io/package/webpack.md) ^3.12.0
- [babel-runtime](https://npm.io/package/babel-runtime.md) ^6.26.0
- [babel-preset-env](https://npm.io/package/babel-preset-env.md) ^1.7.0
- [webpack-bundle-analyzer](https://npm.io/package/webpack-bundle-analyzer.md) ^2.13.1

## Recent versions

- 0.0.7 (latest) — 2018-09-05
- 0.0.6 — 2018-09-05
- 0.0.5 — 2018-09-05
- 0.0.4 — 2018-09-04
- 0.0.3 — 2018-09-04
- 0.0.2 — 2018-09-03
- 0.0.1 — 2018-09-03

## README

# 3d-box

## 介绍

**3d-box** —— 炫酷简单的3d照片盒子。

- 官网：[https://lilu1814.github.io/3d-box/](https://lilu1814.github.io/3d-box.github.io/)
- 文档：[https://lilu1814.github.io/3d-box.github.io/]
- 源码：(https://github.com/lilu1814/3d-box) （欢迎 star）


## 下载

- 直接下载：[https://github.com/lilu1814/3d-box]
- 使用`npm`下载：`npm install 3d-box` 
- 使用`bower`下载：`bower install 3d-box`
- 使用CDN：[https://unpkg.com/3d-box@0.0.4/dist/module.js]


### 如何使用

```html
<template>

 <div>
     <d3-box :images="images"></d3-box>
 </div>
</template>
<script>
import {d3box} from '3d-box'// import slider components

var images = []
for(var i=0;i<12;i++){
images.push('https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3835697576,1221857629&fm=26&gp=0.jpg')
}
export default {
   el: '#app',
   data () {
      return {
        //Image list
       images
       
      }
    },
    components: {
        d3box
    },
    methods: {
    
    }
}
</script>
```


## 运行 demo

- 下载源码 `git clone git@github.com:lilu1814/3d-box.git`
- 进入目录 `cd 3dBox`
- 打开 `index.html`

## 交流

### QQ 群

以下 QQ 群欢迎加入交流问题（可能有些群已经满员）

### 提问
- 直接在 [github issues](https://github.com/lilu1814/3d-box/issues) 提交问题


## 关于作者

如果你感觉有收获，欢迎给我打赏 ———— 以激励我更多输出优质开源内容

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