From eaf1a59e896a6556b302c670f2eaa376201f8931 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 17 Mar 2022 21:15:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A2=84=E8=A7=88=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/ImgView.vue           |  3 ++-
 .../assets/js/components/PreviewImage/index.vue      | 12 ++----------
 resources/assets/js/components/PreviewImage/view.vue | 10 ++++++----
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/resources/assets/js/components/ImgView.vue b/resources/assets/js/components/ImgView.vue
index d5f817442..3f6a30ba7 100755
--- a/resources/assets/js/components/ImgView.vue
+++ b/resources/assets/js/components/ImgView.vue
@@ -16,7 +16,8 @@ export default {
     computed: {
         srcValue() {
             const {src} = this;
-            if (src.substring(0, 2) === "//" ||
+            if (src.substring(0, 10) === "data:image" ||
+                src.substring(0, 2) === "//" ||
                 src.substring(0, 7) === "http://" ||
                 src.substring(0, 8) === "https://" ||
                 src.substring(0, 6) === "ftp://" ||
diff --git a/resources/assets/js/components/PreviewImage/index.vue b/resources/assets/js/components/PreviewImage/index.vue
index af078c91d..2457392eb 100644
--- a/resources/assets/js/components/PreviewImage/index.vue
+++ b/resources/assets/js/components/PreviewImage/index.vue
@@ -1,9 +1,10 @@
 <template>
     <Modal
         :value="previewImageList.length > 0"
+        :mask="false"
         :mask-closable="false"
         :footer-hide="true"
-        :transition-names="['fade', 'fade']"
+        :transition-names="['', '']"
         fullscreen
         @on-visible-change="visibleChange"
         class-name="common-preview-image">
@@ -55,15 +56,6 @@ import {mapState} from "vuex";
 export default {
     name: 'PreviewImage',
     components: {PreviewImageView},
-
-    data() {
-        return {
-
-        }
-    },
-    mounted() {
-
-    },
     computed: {
         ...mapState([
             'previewImageIndex',
diff --git a/resources/assets/js/components/PreviewImage/view.vue b/resources/assets/js/components/PreviewImage/view.vue
index 1243bbffc..a736150d0 100644
--- a/resources/assets/js/components/PreviewImage/view.vue
+++ b/resources/assets/js/components/PreviewImage/view.vue
@@ -1,10 +1,10 @@
 <template>
-    <div ref="view" class="common-preview-view">
+    <div ref="view" class="common-preview-view no-dark-mode">
         <template v-if="!isSingle">
-            <div class="preview-view-prev" :class="{ 'is-disabled': !infinite && isFirst }">
+            <div class="preview-view-prev" :class="{ 'is-disabled': !infinite && isFirst }" @click="prev">
                 <i class="taskfont">&#xe72d;</i>
             </div>
-            <div class="preview-view-next" :class="{ 'is-disabled': !infinite && isLast }">
+            <div class="preview-view-next" :class="{ 'is-disabled': !infinite && isLast }" @click="next">
                 <i class="taskfont">&#xe733;</i>
             </div>
         </template>
@@ -19,7 +19,7 @@
                 <i class="taskfont" @click="handleActions('clocelise')">&#xe7a6;</i>
             </div>
         </div>
-        <div class="preview-view-canvas">
+        <div class="preview-view-canvas no-dark-mode">
             <img
                 v-for="(url, i) in urlList"
                 v-if="i === index"
@@ -42,6 +42,8 @@
     position: fixed;
     right: 0;
     top: 0;
+    background: rgba(0, 0, 0, .8);
+    backdrop-filter: blur(4px);
 
     .preview-view-prev,
     .preview-view-next {