新增提示信息和弹窗，优化电脑用户访问体验

src/views/wechat-redirect/index.vue

@@ -58,9 +58,10 @@
     </div>
     <!-- 修改密码弹窗 -->
     <ModernDialog
+      :closeOnClickOverlay="false"
       v-model:show="showDialog"
       title="提示"
-      message="电脑无法访问本链接，请使用手机访问。如您已使用手机访问，请将您的默认浏览器的浏览器标识设置为“手机版”"
+      :message="message"
     />
   </div>
 </template>
@@ -76,6 +77,8 @@ const route = useRoute()
 
 const progress = ref(10)
 
+const message = ref('')
+
 const getPushRecordId = (): string => {
   const { pushRecordId } = route.query
 
@@ -111,7 +114,8 @@ const redirectToMiniapp = async (): Promise<void> => {
   const pushRecordId = getPushRecordId()
 
   if (!pushRecordId) {
-    showToast('链接不完整或参数错误')
+    message.value = '链接不完整或参数错误'
+    showDialog.value = true
     return
   }
 
@@ -186,6 +190,8 @@ const isMobile = (): boolean => {
 
 const init = async (): Promise<void> => {
   if (!isMobile()) {
+    message.value =
+      '电脑无法访问本链接，请使用手机访问。如您已使用手机访问，请将您的默认浏览器的浏览器标识设置为“手机版”'
     showDialog.value = true
     return
   }