|
|
|
@ -340,12 +340,24 @@
|
|
|
|
: ''
|
|
|
|
: ''
|
|
|
|
" :goto-user-card="true" />
|
|
|
|
" :goto-user-card="true" />
|
|
|
|
<!-- props.msg.text -->
|
|
|
|
<!-- props.msg.text -->
|
|
|
|
<div class="msg-content">
|
|
|
|
<div>
|
|
|
|
<div class="msg-bg msg-bg-out" :style="{ fontSize: 16 + 'px' }">
|
|
|
|
<div class="msg-name 8" v-if="!props.msg.isSelf">
|
|
|
|
|
|
|
|
{{ appellation }} <span v-if="subtitle" style="color: orange;">{{ subtitle }}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="msg-contents">
|
|
|
|
|
|
|
|
<div class="msg-bg"
|
|
|
|
|
|
|
|
:class="[!props.msg.isSelf ? 'msg-bg-in' : 'msg-bg-out']"
|
|
|
|
|
|
|
|
:style="{
|
|
|
|
|
|
|
|
fontSize: 16 + 'px',
|
|
|
|
|
|
|
|
'background-color': !props.msg.isSelf ? '#ffffff' : '#d6e5f6',
|
|
|
|
|
|
|
|
'margin-left': !props.msg.isSelf ? '8px' : '0px'
|
|
|
|
|
|
|
|
}"
|
|
|
|
|
|
|
|
>
|
|
|
|
<span class="msg-text">{{ props.msg.text }}</span>
|
|
|
|
<span class="msg-text">{{ props.msg.text }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }" v-else>
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }" v-else>
|
|
|
|
<Avatar :account="props.msg.senderId" :teamId="
|
|
|
|
<Avatar :account="props.msg.senderId" :teamId="
|
|
|
|
@ -699,6 +711,7 @@
|
|
|
|
max-width: 360rpx;
|
|
|
|
max-width: 360rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
padding: 12px 16px;
|
|
|
|
padding: 12px 16px;
|
|
|
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
|
|
|
|
|
|
|
&-in {
|
|
|
|
&-in {
|
|
|
|
border-radius: 0 8px 8px 8px;
|
|
|
|
border-radius: 0 8px 8px 8px;
|
|
|
|
|