修复点击图片无法预览

This commit is contained in:
kuaifan 2022-06-04 22:01:19 +08:00
parent 4ecb1995b8
commit 8358a10ce8
3 changed files with 10 additions and 18 deletions

View File

@ -65,8 +65,6 @@
</div> </div>
<!--未知--> <!--未知-->
<div v-else class="content-unknown">{{$L("未知的消息类型")}}</div> <div v-else class="content-unknown">{{$L("未知的消息类型")}}</div>
<!--覆盖-->
<div class="content-cover"></div>
</div> </div>
<!--emoji--> <!--emoji-->
<ul v-if="$A.arrayLength(msgData.emoji) > 0" class="dialog-emoji"> <ul v-if="$A.arrayLength(msgData.emoji) > 0" class="dialog-emoji">
@ -249,7 +247,7 @@ export default {
if (val) { if (val) {
setTimeout(_ => { setTimeout(_ => {
this.operateEnter = true; this.operateEnter = true;
}, 400) }, 500)
} }
} }
}, },

View File

@ -270,6 +270,7 @@
> img { > img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
-webkit-touch-callout: none;
} }
&:hover { &:hover {
transform: scale(1.4); transform: scale(1.4);
@ -319,6 +320,7 @@
height: 24px; height: 24px;
padding: 0 12px; padding: 0 12px;
box-sizing: content-box; box-sizing: content-box;
-webkit-touch-callout: none;
} }
} }
} }
@ -490,6 +492,7 @@
height: 28px; height: 28px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
-webkit-touch-callout: none;
} }
> em { > em {

View File

@ -560,17 +560,6 @@
.content-unknown { .content-unknown {
text-decoration: underline; text-decoration: underline;
} }
.content-cover {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
user-select: none;
}
} }
.dialog-emoji { .dialog-emoji {
@ -1121,22 +1110,24 @@
padding-right: 14px; padding-right: 14px;
padding-left: 14px; padding-left: 14px;
overscroll-behavior: none; overscroll-behavior: none;
user-select: none;
.dialog-item { .dialog-item {
.dialog-view { .dialog-view {
.dialog-head { .dialog-head {
.dialog-content { .dialog-content {
.content-cover { a, img {
display: block; -webkit-touch-callout: none;
} }
} }
} }
&.operate-enter { &.operate-enter {
.dialog-head { .dialog-head {
.dialog-content { .dialog-content {
.content-cover { a, img {
display: none; -webkit-touch-callout: default;
} }
user-select: text;
} }
} }
} }