# chatApp

**Repository Path**: shaddock_peach_admin/chat-app

## Basic Information

- **Project Name**: chatApp
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-19
- **Last Updated**: 2024-10-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## |消息列表
### Tabs Attributes

| 参数       | 说明                   | 类型    | 可选值      | 默认值 |
| :--------- | :--------------------- | :------ | :---------- | :----- |
| inputValue | 输入框内容赋值         | string  | —           |        |
| list       | 消息列表数据           | array   | [msgItem]   | []     |
| finish     | 数据是否加载完毕       | boolean | false\|true | false  |
| bottomMenu | 底部菜单               | array   | —           | []     |
| showIsRead | 是否显示消息已读、未读 | boolean | false\|true | false  |
|            |                        |         |             |        |

#### msgItem 有效值

| 参数    | 说明                     | 类型           | 可选值                                | 默认值 |
| :------ | :----------------------- | :------------- | :------------------------------------ | :----- |
| time    | 发送时间秒               | date           | —                                     | —      |
| avatar  | 用户头像                 | string         | —                                     | —      |
| id      | 消息id                   | string         | —                                     | —      |
| type    | 消息类型                 |                | text\|image\|video\|red-packet\|sound | —      |
| right   | 是否是右边自己发送的消息 | boolean        | —                                     | false  |
| content | 发送内容                 | string\|object | —                                     | —      |
| isRead  | 消息是否已读未读         | boolean        | —                                     | false  |
| isError | 是否发送错误             | boolean        | —                                     | false  |
|         |                          |                |                                       |        |

#### text类型

| 参数    | 说明     | 类型   | 可选值 | 默认值 |
| :------ | :------- | :----- | :----- | :----- |
| content | 文字内容 | string | —      | —      |

#### image类型

| 参数    | 说明     | 类型   | 可选值 | 默认值 |
| :------ | :------- | :----- | :----- | :----- |
| content | 图片地址 | string | —      | —      |

#### video类型

| 参数    | 说明     | 类型   | 可选值 | 默认值 |
| :------ | :------- | :----- | :----- | :----- |
| content | 视频地址 | string | —      | —      |

#### red-packet类型

| 参数    | 说明     | 类型   | 可选值 | 默认值 |
| :------ | :------- | :----- | :----- | :----- |
| content | 红包内容 | Object | —      | —      |

#### sound类型

| 参数    | 说明     | 类型   | 可选值 | 默认值 |
| :------ | :------- | :----- | :----- | :----- |
| content | 录音地址 | string | —      | —      |

### 

### Tabs Events

| 事件名称         | 说明                 | 回调参数    |
| :--------------- | :------------------- | :---------- |
| retryClick       | 消息重试回调         | msgItem     |
| rightAvatarClick | 右边消息头像点击回调 | msgItem     |
| leftAvatarClick  | 左边消息头像点击回调 | msgItem     |
| menuClick        | 底部菜单点击回调     | msgItem     |
| loadmore         | 滚动到顶部回调       | -           |
| sendMessage      | 发送消息回调         | sendMsgItem |
| redPacketClick   | 红包点击             | msgItem     |

#### SendMsgItem text

| 参数    | 说明     | 类型   | 可选值 | 默认值 |
| :------ | :------- | :----- | :----- | :----- |
| type    | 文字类型 | string | text   | text   |
| content | 文字消息 | string | —      | —      |

#### SendMsgItem image|video|sound

| 参数    | 说明     | 类型   | 可选值                                     | 默认值 |
| :------ | :------- | :----- | :----------------------------------------- | :----- |
| type    | 文字类型 | string | image\|video\|sound                        |        |
| content | 消息内容 | Object | { path: "http://xxx.png", name: "xxx.png"} | —      |

#### SendMsgItem red-packet

| 参数     | 说明             | 类型    | 可选值                                                       | 默认值 |
| :------- | :--------------- | :------ | :----------------------------------------------------------- | :----- |
| type     | 文字类型         | string  | text                                                         | text   |
| content  | 转账人名称       | Object  | —                                                            | —      |
| amount   | 转账金额         | string  |                                                              |        |
| disabled | 红包禁用不可点击 | boolean |                                                              |        |
| remark   | 红包备注         |         |                                                              |        |
| status   | 红包状态         | string  | receive: 领取<br />error: 领取失败<br />success: 领取成功<br />refund: 退还 |        |
|          |                  |         |                                                              |        |
|          |                  |         |                                                              |        |
|          |                  |         |                                                              |        |

### Slot

| name      | 说明               |
| :-------- | :----------------- |
| list-top  | 消息列表顶部的内容 |
| input-top | 输入框上面的内容   |