no message

This commit is contained in:
Pang 2024-01-09 07:54:12 +08:00
parent 8080d0bb4e
commit 2860c4cbe6
2 changed files with 24 additions and 25 deletions

View File

@ -160,17 +160,18 @@
</div>
</div>
<!--跳转提示-->
<div v-if="positionShow && positionMsg" class="dialog-position">
<div class="position-label" @click="onPositionMark(positionMsg.msg_id)">
<Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
<i v-else class="taskfont">&#xe624;</i>
{{positionMsg.label}}
</div>
</div>
<!--消息列表-->
<!--消息部分-->
<div ref="msgs" class="dialog-msgs">
<!--定位提示-->
<div v-if="positionShow && positionMsg" class="dialog-position">
<div class="position-label" @click="onPositionMark(positionMsg.msg_id)">
<Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
<i v-else class="taskfont">&#xe624;</i>
{{positionMsg.label}}
</div>
</div>
<!--消息列表-->
<VirtualList
ref="scroller"
class="dialog-scroller scrollbar-virtual"
@ -765,7 +766,7 @@ export default {
observers: [],
unreadMsgId: 0, // id
topPosLoad: false, //
topPosLoad: false, //
positionLoad: 0, //
positionShow: false, //
renderMsgNum: 0, //
@ -2124,7 +2125,10 @@ export default {
if (scroller) {
scroller.stopToBottom();
scroller.scrollToOffset(offset);
setTimeout(_ => scroller.scrollToOffset(offset), 10) //
setTimeout(_ => {
scroller.scrollToOffset(offset)
scroller.virtual.handleFront()
}, 10) //
}
},
@ -2223,7 +2227,6 @@ export default {
offset -= 36
}
this.onToOffset(offset)
setTimeout(_ => scroller.virtual.handleFront(), 10)
});
}).catch(() => {})
},

View File

@ -518,12 +518,16 @@
}
}
.dialog-position {
.dialog-msgs {
flex: 1;
position: relative;
}
.dialog-position {
position: absolute;
top: 24px;
right: 0;
z-index: 2;
height: 1px; // 不加高度iOS动画无效果
margin-bottom: -1px;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
@ -533,9 +537,6 @@
animation-delay: 300ms;
.position-label {
position: absolute;
top: 24px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
@ -554,11 +555,6 @@
}
}
.dialog-msgs {
flex: 1;
position: relative;
}
.dialog-scroller {
position: absolute;
top: 0;