wangxia 3 months ago
commit 150828eaa9

@ -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;

Loading…
Cancel
Save