From cf1a4c5b10166eb9bb563d92a0a40ba5665d5c27 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Fri, 27 May 2022 14:20:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/saas/AppCountryAlbum/Watermark.vue | 39 +++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/saas/AppCountryAlbum/Watermark.vue b/src/saas/AppCountryAlbum/Watermark.vue
index bbad73a1..fdb6ecfa 100644
--- a/src/saas/AppCountryAlbum/Watermark.vue
+++ b/src/saas/AppCountryAlbum/Watermark.vue
@@ -19,11 +19,21 @@
     </div>
     <div class="photo-bottom" data-html2canvas-ignore>
       <div class="photo-bottom__top">
-        <image src="./images/clear.png" @click.stop="isHide = true, currIndex = -1" />
+        <span></span>
+        <!-- <image src="./images/clear.png" @click.stop="isHide = true, currIndex = -1" /> -->
         <h2>水印</h2>
         <span @click.stop="isHide = true">确定</span>
       </div>
       <div class="waterlist">
+        <div
+          class="water-item"
+          :class="[currIndex === -1 ? 'active' : '']"
+          key="-1"
+          @click.stop="currIndex = -1">
+          <image src="./images/clear.png" />
+          <image class="checked" v-if="currIndex === -1" src="./images/xuanzhong.png" />
+          <div class="water-item__bottom">不使用水印</div>
+        </div>
         <div
           class="water-item"
           :class="[currIndex === index ? 'active' : '']"
@@ -31,6 +41,7 @@
           :key="item.id"
           @click.stop="currIndex = index">
           <image :src="item.thum" />
+          <image class="checked" v-if="currIndex === index" src="./images/xuanzhong.png" />
           <div class="water-item__bottom">{{ item.name }}</div>
         </div>
       </div>
@@ -607,6 +618,32 @@
             height: 200px;
           }
 
+          &:first-child {
+            flex-direction: column;
+            background: #E4E7EB;
+
+            & > image {
+              width: 64px;
+              height: 64px;
+            }
+
+            .water-item__bottom {
+              position: relative;
+              color: #8A93A4;
+              font-size: 28px;
+              background: transparent;
+            }
+          }
+
+          .checked {
+            position: absolute;
+            top: 0;
+            right: 0;
+            z-index: 1;
+            width: 64px;
+            height: 64px;
+          }
+
           .water-item__bottom {
             position: absolute;
             bottom: 0;