.

src/components/common/Rule.vue

@@ -0,0 +1,3 @@
+<template>
+    <div></div>
+</template>

src/components/common/VipModal.vue

@@ -50,6 +50,7 @@ const shareUrl = ref('')
 const userInfo = computed(() => {
     return userStore.userInfo
 })
+const isWechat = navigator.userAgent.indexOf('MicroMessenger') !== -1
 
 const postRef: Ref<HTMLElement | null> = ref(null)
 function init() {
@@ -60,19 +61,23 @@ function init() {
             'redirect_uri=' + encodeURIComponent('https://chillgpt.raexmeta.com/#/vip?vipPay=true')
         )
         shareUrl.value = str
-        showModal.value = true
-
-        setTimeout(() => {
-            html2canvas(postRef.value!, {
-                useCORS: true,
-                allowTaint: true,
-                backgroundColor: null,
-                scale: 3
-            }).then(canvas => {
-                console.log(canvas)
-                imgUrl.value = canvas.toDataURL('image/png')
-            })
-        }, 500)
+        if (isWechat) {
+            window.location.href = shareUrl.value
+        } else {
+            showModal.value = true
+
+            setTimeout(() => {
+                html2canvas(postRef.value!, {
+                    useCORS: true,
+                    allowTaint: true,
+                    backgroundColor: null,
+                    scale: 3
+                }).then(canvas => {
+                    console.log(canvas)
+                    imgUrl.value = canvas.toDataURL('image/png')
+                })
+            }, 500)
+        }
     })
 }
 

src/views/page/HomeView.vue

@@ -53,18 +53,18 @@
                 }"
             >
                 <n-card
-                    class="vip rounded-xl border overflow-hidden"
+                    class="vip rounded-xl border overflow-hidden backdrop-blur-sm"
                     :content-style="{
                         padding: 0
                     }"
                 >
                     <div
-                        class="flex items-center justify-center h-11 text-base lg:text-lg text-white backdrop-blur-sm"
+                        class="flex items-center justify-center h-11 text-base lg:text-lg text-white"
                         style="font-family: AlimamaShuHeiTi"
                     >
                         会员权益
                     </div>
-                    <n-grid cols="4 s:4 m:8" responsive="screen" class="backdrop-blur-lg py-[10px] lg:py-0">
+                    <n-grid cols="4 s:4 m:8" responsive="screen" class="py-[10px] lg:py-0">
                         <n-grid-item v-for="item in items" :key="item.name">
                             <div class="flex flex-col items-center pt-[10px] pb-[10px] lg:pt-5 lg:pb-7">
                                 <img class="w-11 h-11" :src="item.img" alt="" />