会员弹窗

src/views/page/RefSearch.vue

@@ -84,21 +84,37 @@
 
     <NModal v-model:show="showGptModal">
         <NCard class="!max-w-xl !rounded-xl">
-            <NAlert type="error" :show-icon="false">
-                <div class="text-center">非会员每天免费搜一次，今日免费次数已用完，明天再来吧</div>
-            </NAlert>
-            <NButton class="!mt-4" type="primary" strong secondary block size="large" @click="goGpt">
+            <div class="text-center">
+                <div class="text-base font-bold">非会员每天免费搜一次</div>
+                <div class="text-xs text-slate-500">今日免费次数已用完，明天再来吧</div>
+            </div>
+            <div class="flex justify-around items-start py-9">
+                <div class="flex flex-col items-center justify-center cursor-pointer" @click="goGpt">
+                    <img class="h-[64px]" src="@/assets/vip.png" alt="" />
+                    <div class="text-base pt-5 font-bold flex items-center">
+                        购买走马AI会员 <NIcon><ChevronRight /></NIcon>
+                    </div>
+                    <div class="text-xs text-slate-500">解锁不限次搜索</div>
+                </div>
+                <div class="flex flex-col items-center justify-center cursor-pointer" @click="showQr = true">
+                    <img class="h-[64px]" src="@/assets/teacher.png" alt="" />
+                    <div class="text-base pt-5 font-bold flex items-center">
+                        老师一对一论文辅导 <NIcon><ChevronRight /></NIcon>
+                    </div>
+                </div>
+            </div>
+            <!-- <NButton class="!mt-4" type="primary" strong secondary block size="large" @click="goGpt">
                 购买走马AI会员解锁不限次搜索<NIcon> <ChevronRight /> </NIcon>
             </NButton>
             <NButton class="!mt-4" type="success" strong secondary block size="large" @click="showQr = true">
                 老师一对一论文辅导 <NIcon> <ChevronRight /> </NIcon>
-            </NButton>
+            </NButton> -->
         </NCard>
     </NModal>
 
     <NModal v-model:show="showQr">
         <NCard class="!w-auto overflow-hidden">
-            <img :src="qrCode" />
+            <img class="w-[260px]" :src="qrCode" />
             <NAlert type="success" :show-icon="false"><div class="text-center">扫码添加老师微信</div></NAlert>
         </NCard>
     </NModal>