From 78362224606542325aa7f38c65afea74fd2480c0 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Thu, 14 Nov 2024 09:05:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=86=E4=BA=AB=E5=A5=BD?=
 =?UTF-8?q?=E5=8F=8B=E6=BC=94=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/invite_friend/share.vue        | 32 +++++++++++++++----
 src/views/application/invite_friend.vue       |  2 +-
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/views/application/components/invite_friend/share.vue b/src/views/application/components/invite_friend/share.vue
index 08a2a78..3394016 100644
--- a/src/views/application/components/invite_friend/share.vue
+++ b/src/views/application/components/invite_friend/share.vue
@@ -26,7 +26,7 @@
                                     <span class="t">{{ shopInfo.name }}</span>
                                 </div>
                                 <div class="title">{{ form.title }}</div>
-                                <el-image :src="form.shareImg" style="width: 100%;height: 130px;" fit="cover">
+                                <el-image :src="form.shareImg" style="width: 100%;height: 90px;" fit="cover">
                                     <div slot="error" class="image-slot">
                                         <i class="el-icon-folder-delete"></i>
                                     </div>
@@ -323,7 +323,7 @@ export default {
 }
 
 .preview_wrap {
-    width: 328px;
+    width: 300px;
     height: 368px;
     background-color: #EDEDED;
     position: relative;
@@ -337,10 +337,24 @@ export default {
             display: flex;
 
             .content {
-                width: 200px;
+                width: 150px;
                 background-color: #fff;
                 border-radius: 4px;
                 padding: 10px 10px 6px;
+                position: relative;
+
+                &::before {
+                    $size: 8px;
+                    content: "";
+                    width: $size;
+                    height: $size;
+                    border-radius: 1px;
+                    background-color: #fff;
+                    position: absolute;
+                    top: 10px;
+                    right: $size / 2 * -1;
+                    transform: rotate(-45deg);
+                }
 
                 .name {
                     display: flex;
@@ -360,6 +374,10 @@ export default {
                     }
                 }
 
+                .title {
+                    font-size: 12px;
+                }
+
                 .btm {
                     font-size: 10px;
                     color: #999;
@@ -378,8 +396,8 @@ export default {
             }
 
             .avatar {
-                width: 40px;
-                height: 40px;
+                width: 30px;
+                height: 30px;
                 margin-left: 10px;
             }
         }
@@ -412,13 +430,13 @@ export default {
 
         .ipt {
             flex: 1;
-            height: 36px;
+            height: 30px;
             background-color: #fff;
             border-radius: 4px;
         }
 
         .icon {
-            font-size: 28px;
+            font-size: 22px;
             color: #333;
         }
     }
diff --git a/src/views/application/invite_friend.vue b/src/views/application/invite_friend.vue
index f2ba5e5..ce48dcb 100644
--- a/src/views/application/invite_friend.vue
+++ b/src/views/application/invite_friend.vue
@@ -24,7 +24,7 @@ export default {
     },
     data() {
         return {
-            activeName: '2'
+            activeName: '1'
         }
     },
     methods: {}