# FileItem 文件信息项

## 介绍

用于显示文件信息

## 引入

```js
import { Vue } from "vue";
import { FileItem } from "@bingoit/mobile-ui";

Vue.use(FileItem);
```

## 代码演示

### 基础用法

```html
<file-item file-name="document.docx" :size="10240" :is-dir="false" />
```

## API

### Props

|   名称    |      说明      |        类型         |      可选值      | 默认值  |
| :-------: | :------------: | :-----------------: | :--------------: | :-----: |
| file-name | 文件/文件夹 名 |      _string_       |        -         |    -    |
|  is-dir   |  是否为文件夹  |      _boolean_      | `true` / `false` | `false` |
|   size    |    文件大小    | _string_ / _number_ |        -         |    -    |

### Events

| 事件  | 说明       | 回调参数       |
| ----- | ---------- | -------------- |
| click | 点击时触发 | _event: Event_ |

### Slot

| 名称   | 说明                                                  |
| ------ | ----------------------------------------------------- |
| action | 最右侧内容插槽，可显示自定义显示操作按钮， 如下载按钮等 |