30 lines
899 B
JavaScript
30 lines
899 B
JavaScript
/**
|
||
* MessageBubble 聊天气泡（规范 §61-63）
|
||
*
|
||
* bubbleType: self / other / system
|
||
* self：右对齐，主红气泡
|
||
* other：左对齐，白色气泡
|
||
* system：居中，灰色文字（如"成功牵手"系统提示）
|
||
*
|
||
* 失败状态：sendStatus='failed' 时显示重试图标。
|
||
*/
|
||
Component({
|
||
options: { addGlobalClass: true },
|
||
properties: {
|
||
bubbleType: { type: String, value: 'other' },
|
||
content: { type: String, value: '' },
|
||
sentAt: { type: Number, value: 0 },
|
||
sentAtText: { type: String, value: '' },
|
||
avatarUrl: { type: String, value: '' },
|
||
showAvatar: { type: Boolean, value: true },
|
||
showTime: { type: Boolean, value: false },
|
||
sendStatus: { type: String, value: 'sent' }, // sending|sent|failed
|
||
},
|
||
methods: {
|
||
onRetry() {
|
||
if (this.data.sendStatus !== 'failed') return;
|
||
this.triggerEvent('retry', {});
|
||
},
|
||
},
|
||
});
|