From 7d5428f77586754bc18f6f2e48663b3a09da592a Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Thu, 28 Mar 2024 21:41:49 +0800
Subject: [PATCH] add tip for mj image buttons

---
 web/src/views/ImageMj.vue | 80 +++++++++++++++++++++++++++++++++++----
 1 file changed, 72 insertions(+), 8 deletions(-)

diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue
index 49542d48..e2da7daa 100644
--- a/web/src/views/ImageMj.vue
+++ b/web/src/views/ImageMj.vue
@@ -373,10 +373,42 @@
                       <div class="opt" v-if="scope.item['can_opt']">
                         <div class="opt-line">
                           <ul>
-                            <li><a @click="upscale(1, scope.item)">U1</a></li>
-                            <li><a @click="upscale(2, scope.item)">U2</a></li>
-                            <li><a @click="upscale(3, scope.item)">U3</a></li>
-                            <li><a @click="upscale(4, scope.item)">U4</a></li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="放大第一张"
+                                  placement="top">
+                                <a @click="upscale(1, scope.item)">U1</a>
+                              </el-tooltip>
+                            </li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="放大第二张"
+                                  placement="top">
+                                <a @click="upscale(2, scope.item)">U2</a>
+                              </el-tooltip>
+                            </li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="放大第三张"
+                                  placement="top">
+                                <a @click="upscale(3, scope.item)">U3</a>
+                              </el-tooltip>
+                            </li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="放大第四张"
+                                  placement="top">
+                                <a @click="upscale(4, scope.item)">U4</a>
+                              </el-tooltip>
+                            </li>
                             <li class="show-prompt">
 
                               <el-popover placement="left" title="提示词" :width="240" trigger="hover">
@@ -402,10 +434,42 @@
 
                         <div class="opt-line">
                           <ul>
-                            <li><a @click="variation(1, scope.item)">V1</a></li>
-                            <li><a @click="variation(2, scope.item)">V2</a></li>
-                            <li><a @click="variation(3, scope.item)">V3</a></li>
-                            <li><a @click="variation(4, scope.item)">V4</a></li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="变化第一张"
+                                  placement="top">
+                                <a @click="variation(1, scope.item)">V1</a>
+                              </el-tooltip>
+                            </li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="变化第二张"
+                                  placement="top">
+                                <a @click="variation(2, scope.item)">V2</a>
+                              </el-tooltip>
+                            </li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="变化第三张"
+                                  placement="top">
+                                <a @click="variation(3, scope.item)">V3</a>
+                              </el-tooltip>
+                            </li>
+                            <li>
+                              <el-tooltip
+                                  class="box-item"
+                                  effect="light"
+                                  content="变化第四张"
+                                  placement="top">
+                                <a @click="variation(4, scope.item)">V4</a>
+                              </el-tooltip>
+                            </li>
                           </ul>
                         </div>
                       </div>