再优化
This commit is contained in:
@@ -69,7 +69,7 @@ export default {
|
||||
},
|
||||
onInit(){
|
||||
this.anims.loading = new this.$app.$def.animengine.SequenceAnim(
|
||||
"replysPage",
|
||||
"dmlistPage",
|
||||
this.anims.loading_src,
|
||||
28,
|
||||
"/common/seqanims/loadingWhite/icons8-loading_颜色反转-*.png",
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
[已撤回] {{ JSON.parse($item.content).content }}
|
||||
</text>
|
||||
<!-- 图片消息 -->
|
||||
<image class="imgmsg" if="{{$item.msg_type == 2}}" src="{{JSON.parse($item.content).url}}" alt="/common/fullgray.png"></image>
|
||||
<image class="imgmsg" if="{{$item.msg_type == 2}}" src="{{JSON.parse($item.content).url}}@156w_125h" alt="/common/fullgray.png"></image>
|
||||
<!-- 不支持显示的消息 -->
|
||||
<text class="msgtext" if="{{($item.msg_type != 5) && ($item.msg_type != 2) && ($item.msg_type != 1)}}">
|
||||
该消息暂不支持显示
|
||||
@@ -43,7 +43,7 @@
|
||||
[已撤回] {{ JSON.parse($item.content).content }}
|
||||
</text>
|
||||
<!-- 图片消息 -->
|
||||
<image class="imgmsg" if="{{$item.msg_type == 2}}" src="{{JSON.parse($item.content).url}}" alt="/common/fullgray.png"></image>
|
||||
<image class="imgmsg" if="{{$item.msg_type == 2}}" src="{{JSON.parse($item.content).url}}@156w_125h" alt="/common/fullgray.png"></image>
|
||||
<!-- 不支持显示的消息 -->
|
||||
<text class="msgtext" if="{{($item.msg_type != 5) && ($item.msg_type != 2) && ($item.msg_type != 1)}}">
|
||||
该消息暂不支持显示
|
||||
@@ -149,7 +149,7 @@ export default {
|
||||
this.input_text.content = input_text_set
|
||||
setTimeout(() => {
|
||||
this.ScrollToEnd()
|
||||
}, 300)
|
||||
}, 500)
|
||||
},
|
||||
FinishInput() {
|
||||
this.inputmode = false
|
||||
@@ -189,7 +189,7 @@ export default {
|
||||
this.messages[this.messages.length - 1].msg_seqno
|
||||
) {
|
||||
this.messages = newMessages
|
||||
setTimeout(this.ScrollToEnd, 200)
|
||||
setTimeout(this.ScrollToEnd, 500)
|
||||
}
|
||||
|
||||
if (initial && this.show_loading) {
|
||||
@@ -223,7 +223,7 @@ export default {
|
||||
},
|
||||
onInit() {
|
||||
this.anims.loading = new this.$app.$def.animengine.SequenceAnim(
|
||||
"replysPage",
|
||||
"dmPage",
|
||||
this.anims.loading_src,
|
||||
28,
|
||||
"/common/seqanims/loadingWhite/icons8-loading_颜色反转-*.png",
|
||||
|
||||
@@ -65,7 +65,7 @@ export default {
|
||||
},
|
||||
onInit(){
|
||||
this.anims.loading = new this.$app.$def.animengine.SequenceAnim(
|
||||
"folderVideosPage",
|
||||
"historyVideosPage",
|
||||
this.anims.loading_src,
|
||||
28,
|
||||
"/common/seqanims/loadingWhite/icons8-loading_颜色反转-*.png",
|
||||
|
||||
@@ -2,17 +2,18 @@
|
||||
|
||||
<template>
|
||||
<div class="page">
|
||||
<scroll class="scroll" scroll-x="true" scroll-y="true" @scroll="onScroll" bounces="true" id="scroll">
|
||||
<div style="{{container_style}}">
|
||||
<image style="{{img_style}}" src="{{img_uri}}" id="img"></image>
|
||||
</div>
|
||||
</scroll>
|
||||
<title-bar title="图片预览"></title-bar>
|
||||
<div class="scroll_toolbar">
|
||||
<text style="font-size: 24px; font-weight: 600">缩放调整</text>
|
||||
<slider style="margin-top: 5px" min="50" max="500" step="10" value="{{initialSliderValue}}"
|
||||
@change="UpdateImageStyle"></slider>
|
||||
</div>
|
||||
<text style="margin-top: 233px" if="ShowBigPictureTips">图片过大,可能会无法显示</text>
|
||||
<scroll class="scroll" scroll-x="true" scroll-y="true" @scroll="onScroll" bounces="true" id="scroll">
|
||||
<div style="{{container_style}}">
|
||||
<image style="{{img_style}}" src="{{img_uri}}" id="img"></image>
|
||||
</div>
|
||||
</scroll>
|
||||
<title-bar title="图片预览"></title-bar>
|
||||
<div class="scroll_toolbar">
|
||||
<text style="font-size: 24px; font-weight: 600">缩放调整</text>
|
||||
<slider style="margin-top: 5px" min="50" max="500" step="10" value="{{initialSliderValue}}"
|
||||
@change="UpdateImageStyle"></slider>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -25,6 +26,7 @@ export default {
|
||||
private: {
|
||||
base_width: 0,
|
||||
base_height: 0,
|
||||
ShowBigPictureTips: false,
|
||||
img_style: {
|
||||
"object-fit": "contain",
|
||||
"position": "absolute"
|
||||
@@ -91,6 +93,9 @@ export default {
|
||||
console.log("image loaded: ", rect);
|
||||
this.base_height = rect.height;
|
||||
this.base_width = rect.width;
|
||||
if(rect.width > 800 && rect.height > 800){
|
||||
this.ShowBigPictureTips = true
|
||||
}
|
||||
setTimeout(() => {
|
||||
this.UpdateImageStyle({
|
||||
progress: this.initialSliderValue
|
||||
|
||||
@@ -88,7 +88,7 @@ export default {
|
||||
},
|
||||
onInit() {
|
||||
this.anims.loading = new this.$app.$def.animengine.SequenceAnim(
|
||||
"replysPage",
|
||||
"searchPage",
|
||||
this.anims.loading_src,
|
||||
28,
|
||||
"/common/seqanims/loadingWhite/icons8-loading_颜色反转-*.png",
|
||||
|
||||
@@ -168,7 +168,7 @@ export default {
|
||||
this.UpdateTypeBarColors({index: 0})
|
||||
|
||||
this.anims.loading = new this.$app.$def.animengine.SequenceAnim(
|
||||
"replysPage",
|
||||
"searchresultPage",
|
||||
this.anims.loading_src,
|
||||
28,
|
||||
"/common/seqanims/loadingWhite/icons8-loading_颜色反转-*.png",
|
||||
|
||||
Reference in New Issue
Block a user