分享

src/components/common/ShareModal.vue

@@ -7,6 +7,20 @@
                 <!-- <div class="absolute inset-x-0 top-0">
                     <user-avatar avatarType="small" onlyAvatar />
                 </div> -->
+                <div class="text1">
+                    <div>邀请好友</div>
+                    <div>加入{{ company.name }}助手</div>
+                </div>
+                <div class="text2">带领一小部分人先驾驭{{ company.name }}助手！</div>
+                <div class="text3">
+                    <div class="logo flex items-center">
+                        <img src="@/assets/share-logo1.png" alt="" />
+                        <span class="ml-[5px]">{{ company.name }}助手</span>
+                    </div>
+                    <div class="info">
+                        {{ company.name }}助手不会淘汰你，但能驾驭{{ company.name }}助手的人会淘汰你！
+                    </div>
+                </div>
                 <div class="qrcode flex items-center justify-center">
                     <qrcode-vue :value="shareUrl" :size="300" renderAs="svg" level="M" />
                     <!-- <img :src="shareLogo" alt="" class="share-logo" /> -->
@@ -90,9 +104,9 @@ fetchRedirectUrl(
 ).then((res: any) => {
     shareUrl.value = res.url
 })
-if (company.id !== 0) {
-    shareType.value = 1
-}
+// if (company.id !== 0) {
+//     shareType.value = 1
+// }
 const userInfo = computed(() => userStore.userInfo)
 
 const postRef: Ref<HTMLElement | null> = ref(null)
@@ -185,6 +199,62 @@ async function copyShare() {
         }
     }
 
+    .text1 {
+        position: absolute;
+        top: 12%;
+        left: 9.09%;
+        z-index: 3;
+        font-size: 26px;
+        font-family: MiSans;
+        font-weight: bold;
+        color: #005c55;
+        line-height: 26px;
+        letter-spacing: 1px;
+        div + div {
+            margin-top: 10px;
+        }
+    }
+
+    .text2 {
+        font-size: 11px;
+        font-weight: 500;
+        color: #005c55;
+        line-height: 18px;
+        letter-spacing: 1px;
+        position: absolute;
+        top: 31.3%;
+        left: 13%;
+        z-index: 3;
+    }
+    .text3 {
+        position: absolute;
+        top: 48.3%;
+        left: 13%;
+        z-index: 3;
+        font-size: 12px;
+        font-family: MiSans;
+        font-weight: bold;
+        color: #005c55;
+        width: 35.7%;
+
+        .logo {
+            img {
+                width: 32px;
+                height: 20px;
+            }
+            span {
+                margin-bottom: 10px;
+            }
+        }
+
+        .info {
+            font-size: 10px;
+            font-weight: 500;
+            color: #005c55;
+            line-height: 18px;
+        }
+    }
+
     .user {
         position: absolute;
         bottom: 3.5%;