From e26617905f5f41ea7c13675ce01833180e9e005a Mon Sep 17 00:00:00 2001
From: xuan <litthy@qq.com>
Date: Sun, 30 Jun 2024 20:37:04 +0800
Subject: [PATCH] fix: copy

---
 src/assets/css/face/single.less |  3 ++-
 src/views/face/Single.vue       | 38 ++++++++++++++++++++++-----------
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/assets/css/face/single.less b/src/assets/css/face/single.less
index 0b2293597..deacbd9f4 100644
--- a/src/assets/css/face/single.less
+++ b/src/assets/css/face/single.less
@@ -377,11 +377,12 @@
     }
 }
 .m-face-buy-btn {
+    .pointer;
+    .flex;
     .size(269px, 60px);
     .r(10px);
     background: linear-gradient(0deg, #ffaa28, #ffaa28),
         linear-gradient(267.15deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
-    display: flex;
     align-items: center;
     justify-content: center;
     .u-price {
diff --git a/src/views/face/Single.vue b/src/views/face/Single.vue
index 98cf70f6c..e8be29cc0 100644
--- a/src/views/face/Single.vue
+++ b/src/views/face/Single.vue
@@ -107,21 +107,24 @@
                         <div class="u-price" v-if="post.price_type == 2">售价：{{ post.price_count }} 金箔</div>
                         <div class="u-buy"><img :src="require('@/assets/img/face/shopcart.svg')" alt="" />购买</div>
                     </div>
-                    <div
-                        class="m-face-buy-btn"
-                        v-else
-                        @click="downloadAll"
-                        :class="{
-                            'm-face-buy-btn_copy': post.code_mode,
-                        }"
-                    >
-                        <div class="u-buy" v-if="post.code_mode">
-                            <img :src="require('@/assets/img/face/bxs_copy.svg')" alt="" />复制捏脸码
+                    <template v-else>
+                        <div
+                            class="m-face-buy-btn"
+                            v-if="post.code_mode"
+                            :class="{ 'm-face-buy-btn_copy': post.code_mode }"
+                            @click="copy(post.code_mode)"
+                        >
+                            <div class="u-buy">
+                                <img :src="require('@/assets/img/face/bxs_copy.svg')" alt="" />复制捏脸码
+                            </div>
                         </div>
-                        <div class="u-buy" v-else>
-                            <img :src="require('@/assets/img/face/download.svg')" alt="" />下载数据
+                        <div class="m-face-buy-btn" v-else @click="downloadAll">
+                            <div class="u-buy">
+                                <img :src="require('@/assets/img/face/download.svg')" alt="" />下载数据
+                            </div>
                         </div>
-                    </div>
+                    </template>
+
                     <div class="u-face__code" v-if="post.code_mode">
                         {{ post.code }}
                     </div>
@@ -708,6 +711,15 @@ export default {
         resolveImageArr(arr) {
             return arr.map((item) => resolveImagePath(item));
         },
+        copy(txt) {
+            navigator.clipboard.writeText(txt).then(() => {
+                this.$notify({
+                    title: "复制成功",
+                    message: txt + "",
+                    type: "success",
+                });
+            });
+        },
     },
 };
 </script>