账号

src/pages/Help/DownloadMethodList/DownloadMethodList.vue

@@ -122,6 +122,31 @@
         </div>
       </div>
     </div>
+
+    <!-- iframe 弹窗 -->
+    <div
+      v-if="iframeVisible"
+      class="fixed inset-0 z-50 flex items-center justify-center bg-black/80 px-4"
+    >
+      <div class="relative w-full max-w-[400px] rounded-2xl bg-white p-4">
+        <div class="mb-2 flex justify-end">
+          <button
+            class="rounded-lg bg-black px-4 py-1 text-sm font-bold text-white"
+            @click="iframeVisible = false"
+          >
+            关闭
+          </button>
+        </div>
+        <iframe
+          width="100%"
+          height="400"
+          :src="accountShareUrl"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen
+          class="rounded-lg"
+        ></iframe>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -129,7 +154,6 @@
 import { ref, computed } from 'vue'
 import ArrowIcon from './arrow-icon.svg?component'
 import StartIcon from './Star-1.svg?component'
-import { toast } from 'vue-sonner'
 
 // Sliced WebP Images
 // Method 1
@@ -164,6 +188,7 @@ const ADJ_GO_LINK =
     : 'https://hifastvpn.go.link/?adj_t=1xf6e7ru'
 
 const downLoadIos = ADJ_GO_LINK
+const accountShareUrl = 'https://aunlock.laomaos.com/share/jibsPdEN'
 
 interface Hotzone {
   x: number
@@ -175,8 +200,9 @@ interface Hotzone {
   label?: string
 }
 const accounts = [
-  { account: 'prla08741@gmx.com', password: 'Qw990088' },
-  { account: 'zhongcujiu8051@hotmail.com', password: 'Dx114461' },
+  { account: '点击获取邮箱', password: '****' },
+  // { account: 'prla08741@gmx.com', password: 'Qw990088' },
+  // { account: 'zhongcujiu8051@hotmail.com', password: 'Dx114461' },
 ]
 const selectedIndex = ref(0) // 直接在内部定义数据
 const downloadMethods = computed(() => {
@@ -302,18 +328,18 @@ const downloadMethods = computed(() => {
           y: 1941,
           w: 200,
           h: 32,
-          type: 'copy', // 展示账号文字
+          type: 'copy',
           payload: account.account,
-          label: '账号', // account
+          label: '账号',
         },
         {
           x: 53,
           y: 1976,
           w: 200,
           h: 32,
-          type: 'copy', // 展示账号文字
+          type: 'copy',
           payload: account.password,
-          label: '密码', // 复制提示
+          label: '密码',
         },
         {
           x: 142,
@@ -348,7 +374,7 @@ const downloadMethods = computed(() => {
           h: 34,
           type: 'copy',
           payload: account.account,
-          label: '账号', // account
+          label: '账号',
         },
         {
           x: 103,
@@ -357,7 +383,7 @@ const downloadMethods = computed(() => {
           h: 34,
           type: 'copy',
           payload: account.password,
-          label: '密码', // 复制提示
+          label: '密码',
         },
         {
           x: 580,
@@ -373,7 +399,13 @@ const downloadMethods = computed(() => {
 })
 
 const activeId = ref<number | null>(null)
+const iframeVisible = ref(false)
 
+/**
+ * 切换下载方式详情面板显示状态。
+ * @param {number} id 当前点击的下载方式 ID。
+ * @returns {void} 无返回值。
+ */
 const toggle = (id: number) => {
   if (activeId.value === id) {
     activeId.value = null
@@ -389,10 +421,14 @@ const toggle = (id: number) => {
   }
 }
 
+/**
+ * 处理热区点击行为。
+ * @param {Hotzone} hz 当前点击的热区配置。
+ * @returns {void} 无返回值。
+ */
 const handleHotzone = (hz: Hotzone) => {
   if (hz.type === 'copy') {
-    navigator.clipboard.writeText(hz.payload)
-    toast.success(`${hz.label || '内容'}已复制`)
+    iframeVisible.value = true
   } else if (hz.type === 'link') {
     window.open(hz.payload, '_blank')
   }