fix: 修复消息撤回文字提示在第一条时会被顶部遮住的问题

This commit is contained in:
Mr.Huan 2022-01-26 15:02:56 +08:00
parent 1a1ddc34a2
commit 72e5f9a83e
2 changed files with 7 additions and 2 deletions

View File

@ -10,7 +10,7 @@
</div> </div>
<DialogView :msg-data="dialogMsg" :dialog-type="dialogData.type"/> <DialogView :msg-data="dialogMsg" :dialog-type="dialogData.type"/>
<div class="dialog-action" v-show="showAction"> <div class="dialog-action" v-show="showAction">
<Tooltip v-if="parseInt(dialogMsg.userid) === parseInt(userId)" :content="$L('撤回')" placement="top"> <Tooltip v-if="parseInt(dialogMsg.userid) === parseInt(userId)" :content="$L('撤回')" :placement="msgIndex === 0 ? 'left' : 'top'">
<Button type="text" icon="md-undo" @click="messageWithdraw"/> <Button type="text" icon="md-undo" @click="messageWithdraw"/>
</Tooltip> </Tooltip>
</div> </div>
@ -37,6 +37,10 @@ export default {
type: Object, type: Object,
default: {} default: {}
}, },
msgIndex: {
type: Number,
default: -1,
}
}, },
data() { data() {

View File

@ -36,11 +36,12 @@
<li v-else-if="dialogData.loading > 0 && dialogMsgList.length === 0" class="loading"><Loading/></li> <li v-else-if="dialogData.loading > 0 && dialogMsgList.length === 0" class="loading"><Loading/></li>
<li v-else-if="dialogMsgList.length === 0" class="nothing">{{$L('暂无消息')}}</li> <li v-else-if="dialogMsgList.length === 0" class="nothing">{{$L('暂无消息')}}</li>
<DialogList <DialogList
v-for="item in dialogMsgList" v-for="(item, index) in dialogMsgList"
:dialogMsg="item" :dialogMsg="item"
:topId="topId" :topId="topId"
:key="item.id" :key="item.id"
:dialogData="dialogData" :dialogData="dialogData"
:msgIndex="index"
/> />
<li <li
v-for="item in tempMsgList" v-for="item in tempMsgList"