帮助页处理
This commit is contained in:
parent
8d64f66cca
commit
f7a28c1c86
@ -1,3 +1,60 @@
|
||||
<template>
|
||||
<div class="font-sans text-white">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div
|
||||
v-for="item in downloadMethods"
|
||||
:key="item.id"
|
||||
@click="toggle(item.id)"
|
||||
class="group relative flex cursor-pointer flex-col rounded-[30px] border-[4px] border-white bg-black pt-4 pb-2 transition-all active:scale-[0.97] md:pb-6"
|
||||
>
|
||||
<div class="px-4 md:px-[42px]">
|
||||
<div
|
||||
class="flex flex-wrap items-center gap-x-2 text-sm leading-tight font-bold md:text-4xl"
|
||||
>
|
||||
<StartIcon v-if="item.isHot" class="size-[20px] md:size-[30px]" />
|
||||
<span>{{ item.title }}</span>
|
||||
|
||||
<span v-if="item.subtitle" class="font-medium">——{{ item.subtitle }}</span>
|
||||
|
||||
<span v-if="item.highlight" class="font-black text-[#FF00FF]"
|
||||
>——{{ item.highlight }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- 打开按钮 -->
|
||||
<div
|
||||
class="mt-2 flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100"
|
||||
>
|
||||
<div v-show="activeId !== item.id" class="flex items-center gap-[10px] md:text-2xl">
|
||||
<span class="tracking-tight">点击展开详情</span>
|
||||
<ArrowIcon class="size-[12px] md:size-[22px]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="activeId === item.id" class="px-2 md:pt-8">
|
||||
<div
|
||||
class="animate-in fade-in zoom-in-95 border-t-2 border-white pt-[10px] text-[15px] leading-relaxed text-gray-300 duration-200 md:pt-[20px]"
|
||||
>
|
||||
<!-- 收起按钮 -->
|
||||
<div class="px-2">
|
||||
<div
|
||||
class="flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100 md:text-2xl"
|
||||
>
|
||||
<div class="flex items-center gap-[10px]">
|
||||
<span class="tracking-tight">点击收起</span>
|
||||
<ArrowIcon class="size-[12px] rotate-180 md:size-[22px]" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="whitespace-pre-line">{{ item.details }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import ArrowIcon from './arrow-icon.svg?component'
|
||||
@ -39,61 +96,6 @@ const toggle = (id: number) => {
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="font-sans text-white">
|
||||
<div class="flex flex-col gap-5">
|
||||
<div
|
||||
v-for="item in downloadMethods"
|
||||
:key="item.id"
|
||||
@click="toggle(item.id)"
|
||||
class="group relative flex cursor-pointer flex-col rounded-[30px] border-[4px] border-white bg-black pt-4 pb-2 transition-all active:scale-[0.97]"
|
||||
>
|
||||
<div class="px-4">
|
||||
<div class="flex flex-wrap items-center gap-x-2 text-sm leading-tight font-bold">
|
||||
<StartIcon v-if="item.isHot" />
|
||||
<span>{{ item.title }}</span>
|
||||
|
||||
<span v-if="item.subtitle" class="font-medium">——{{ item.subtitle }}</span>
|
||||
|
||||
<span v-if="item.highlight" class="font-black text-[#FF00FF]"
|
||||
>——{{ item.highlight }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- 打开按钮 -->
|
||||
<div
|
||||
class="mt-2 flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100"
|
||||
>
|
||||
<div v-show="activeId !== item.id" class="flex items-center gap-[10px]">
|
||||
<span class="tracking-tight">点击展开详情</span>
|
||||
<ArrowIcon />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="activeId === item.id" class="px-2">
|
||||
<div
|
||||
class="animate-in fade-in zoom-in-95 border-t-2 border-white pt-[10px] text-[15px] leading-relaxed text-gray-300 duration-200"
|
||||
>
|
||||
<!-- 收起按钮 -->
|
||||
<div class="px-2">
|
||||
<div
|
||||
class="flex items-center justify-end gap-1.5 self-end text-sm font-bold group-hover:opacity-100"
|
||||
>
|
||||
<div class="flex items-center gap-[10px]">
|
||||
<span class="tracking-tight">点击收起</span>
|
||||
<ArrowIcon class="rotate-180" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="whitespace-pre-line">{{ item.details }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
/* 针对整体风格进行微调 */
|
||||
.font-bold {
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5105 0L11.7556 6.90983H19.0211L13.1432 11.1803L15.3884 18.0902L9.5105 13.8197L3.63265 18.0902L5.87779 11.1803L-6.67572e-05 6.90983H7.26536L9.5105 0Z" fill="#ADFF5B"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 282 B After Width: | Height: | Size: 260 B |
@ -1,3 +1,3 @@
|
||||
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.35098 0.101416L4.35098 7.62314C4.35079 7.64339 4.34446 7.66314 4.33279 7.6799C4.32112 7.69666 4.30463 7.70968 4.28539 7.71733C4.26615 7.72497 4.24502 7.72689 4.22467 7.72286C4.20431 7.71882 4.18563 7.70901 4.17097 7.69465L0.178818 3.7225C0.164119 3.70767 0.145131 3.69756 0.124387 3.69352C0.103641 3.68948 0.0821265 3.69171 0.0627125 3.6999C0.0432995 3.7081 0.0269087 3.72187 0.0157297 3.73938C0.00455077 3.75689 -0.000885175 3.77731 0.000145746 3.79792L0.105484 7.51912C0.105567 7.53222 0.10832 7.54517 0.113585 7.55723C0.11885 7.56928 0.126521 7.58019 0.136151 7.58933L5.52169 12.9683C5.53164 12.9783 5.54355 12.9863 5.55672 12.9917C5.5699 12.9972 5.58405 13 5.59836 13C5.61267 13 5.62683 12.9972 5.64 12.9917C5.65317 12.9863 5.66508 12.9783 5.67503 12.9683L11.1966 7.61793C11.2067 7.60781 11.2146 7.5958 11.2199 7.58262C11.2252 7.56944 11.2277 7.55536 11.2272 7.54122L11.1672 4.14767C11.1668 4.12768 11.1604 4.10825 11.1488 4.09176C11.1372 4.07527 11.1209 4.06244 11.1019 4.05485C11.083 4.04726 11.0621 4.04523 11.042 4.04901C11.0219 4.0528 11.0033 4.06223 10.9886 4.07616L7.19242 7.67124C7.17788 7.68535 7.15939 7.69494 7.13926 7.69882C7.11914 7.7027 7.0983 7.70069 7.07934 7.69305C7.06039 7.68541 7.04418 7.67247 7.03274 7.65587C7.02131 7.63926 7.01516 7.61973 7.01508 7.59973L7.01508 0.221036C7.01576 0.185813 7.01843 0.150654 7.02308 0.115719C7.02518 0.101361 7.0241 0.0867316 7.0199 0.0728175C7.01571 0.0589035 7.0085 0.0460284 6.99877 0.0350608C6.98904 0.0240932 6.97701 0.0152882 6.96349 0.00923998C6.94998 0.00319171 6.93529 4.07951e-05 6.92041 -1.8826e-07L4.45499 -2.96027e-07C4.4274 -2.97233e-07 4.40095 0.0106846 4.38144 0.0297039C4.36194 0.0487232 4.35098 0.0745188 4.35098 0.101416Z" fill="white"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
@ -1,48 +1,20 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
// 按照你的要求引入 SVG 组件
|
||||
import ArrowIcon from './arrow-icon2.svg?component'
|
||||
|
||||
// 内置 FAQ 数据
|
||||
const faqList = ref([
|
||||
{
|
||||
id: 1,
|
||||
question: '登录公共 Apple ID 时，出现“双重验证”提示，且要求输入验证码怎么办？',
|
||||
answer:
|
||||
'这是由于有其他用户没有按照教程操作，将公共 Apple ID 绑定手机号码，开启了双重验证所导致。\n\n解决办法：请您先清除浏览器缓存，再刷新本页面，获取新的公共 Apple ID，接着请按照教程一步一步操作。',
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
question: '连接成功后依然无法访问海外网站？',
|
||||
answer:
|
||||
'1. 请检查您的系统时间是否为自动同步。\n2. 尝试在 App 设置中切换不同的协议（如 Vless 或 Trojan）。\n3. 确认您的套餐流量是否已耗尽。',
|
||||
},
|
||||
])
|
||||
|
||||
const activeId = ref<number | null>(null)
|
||||
|
||||
const toggle = (id: number) => {
|
||||
activeId.value = activeId.value === id ? null : id
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="] bg-black font-sans text-white">
|
||||
<div class="bg-black font-sans text-white">
|
||||
<div class="rounded-[30px]">
|
||||
<div class="flex flex-col">
|
||||
<div v-for="(item, index) in faqList" :key="item.id" class="flex flex-col">
|
||||
<div v-for="(item, index) in faqList" :key="index" class="flex flex-col">
|
||||
<div
|
||||
@click="toggle(item.id)"
|
||||
class="flex cursor-pointer items-center justify-between py-4 transition-opacity active:opacity-70"
|
||||
@click="toggle(index)"
|
||||
class="flex cursor-pointer items-center justify-between py-4 transition-opacity active:opacity-70 md:py-8"
|
||||
>
|
||||
<h3 class="pr-5 text-[17px] leading-snug font-bold tracking-tight">
|
||||
<h3 class="pr-5 text-[17px] leading-snug font-bold tracking-tight md:text-xl">
|
||||
{{ item.question }}
|
||||
</h3>
|
||||
|
||||
<ArrowIcon
|
||||
:class="[
|
||||
'mt-1 h-5 w-5 shrink-0 transition-transform duration-300',
|
||||
activeId === item.id ? 'rotate-180' : '',
|
||||
activeIds.has(index) ? 'rotate-180' : '',
|
||||
]"
|
||||
/>
|
||||
</div>
|
||||
@ -55,29 +27,84 @@ const toggle = (id: number) => {
|
||||
leave-from-class="max-h-[500px] opacity-100"
|
||||
leave-to-class="max-h-0 opacity-0"
|
||||
>
|
||||
<div v-if="activeId === item.id" class="overflow-hidden">
|
||||
<div class="pb-6 text-[15px] leading-relaxed text-white/60">
|
||||
<p class="whitespace-pre-line">{{ item.answer }}</p>
|
||||
<div v-if="activeIds.has(index)" class="overflow-hidden">
|
||||
<div class="pb-6 text-base leading-relaxed text-white/60">
|
||||
<p
|
||||
class="mb-6 whitespace-pre-line last:mb-0"
|
||||
v-for="(answer, answerIndex) in item.answer"
|
||||
:key="answerIndex"
|
||||
>
|
||||
{{ answer }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<div class="h-[4px] w-full bg-[#757575]"></div>
|
||||
<div class="h-[1px] w-full bg-[#757575]"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
/* 针对你 UI 稿件中的特定字体样式 */
|
||||
h3 {
|
||||
/* 还原图中略微紧凑的文字排版 */
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive } from 'vue'
|
||||
import ArrowIcon from './arrow-icon2.svg?component'
|
||||
|
||||
/* 移除移动端点击灰色高亮 */
|
||||
div {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
const faqList = ref([
|
||||
{
|
||||
question: '登陆公共 Apple ID 时，出现“双重验证”提示，且要求输入验证码怎么办？',
|
||||
answer: [
|
||||
'这是由于有其他用户没有按照教程操作，将公共 Apple ID 绑定手机号码，开启了双重验证所导致。',
|
||||
'解决办法：请您先清除浏览器缓存，再刷新本页面，获取新的公共 Apple ID ，接着请按照教程一步一步操作。',
|
||||
],
|
||||
},
|
||||
{
|
||||
question: '手机显示“丢失的 iPhone”，要求联系非官方的私人账号怎么办？',
|
||||
answer: [
|
||||
'这是因为您在手机设置中登陆了公开账号，导致设备被其他用户设置为“丢失模式”。',
|
||||
'解决方法：输入正确的手机锁屏密码即可解除“丢失模式”，随后请从手机设置中 <立即退出公开账号>。切勿相信或添加任何非Hi快官方的私人账号！如有疑问，请通过右下角的官方客服获取帮助。',
|
||||
],
|
||||
},
|
||||
{
|
||||
question: '下载Hi快 App 时提示出现 “App 不可用” 怎么办？',
|
||||
answer: [
|
||||
'遇到这种情况请首先检查您登录的 Apple ID 地区是否处于 <中国大陆>；或者是否刚切换过地区，Apple 可能还没完成信息同步。',
|
||||
'解决办法：重新退出登录 <香港 Apple ID>，再进行下载。',
|
||||
],
|
||||
},
|
||||
{
|
||||
question: '登入 App Store 却提示“验证失败”怎么办？',
|
||||
answer: [
|
||||
'这种错误场景会出现在您使用 <Apple ID A> 下载Hi快 VPN，然后使用 <Apple ID B> 进行版本更新。',
|
||||
'解决办法：登录<Apple ID A>更新Hi快，或者删除旧版本，重新安装新版本。',
|
||||
],
|
||||
},
|
||||
{
|
||||
question: '使用Hi快 App 时却提示 “不能购买此项目” 怎么办？',
|
||||
answer: [
|
||||
'遇到此情况可能说明您的手机中还存在Hi快 VPN 的 <历史旧版本>，它会与 App Store 版本产生冲突。',
|
||||
'解决办法：删除旧版本，重新安装新版本。',
|
||||
],
|
||||
},
|
||||
{
|
||||
question: '下载Hi快 App 时提示出现 “此项目已不再提供” 怎么办？',
|
||||
answer: [
|
||||
'遇到此情况可能说明您的手机中还存在Hi快 VPN 的 <历史旧版本>，它会与 App Store 版本产生冲突。',
|
||||
'解决办法：删除旧版本，重新安装新版本。',
|
||||
],
|
||||
},
|
||||
])
|
||||
|
||||
// 1. 使用 reactive 配合 Set 记录所有展开的 ID
|
||||
const activeIds = reactive(new Set<number>())
|
||||
|
||||
// 2. 修改 toggle 逻辑：如果已存在则删除（收起），不存在则添加（展开）
|
||||
const toggle = (index: number) => {
|
||||
if (activeIds.has(index)) {
|
||||
activeIds.delete(index)
|
||||
} else {
|
||||
activeIds.add(index)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</script>
|
||||
|
||||
BIN
src/pages/Help/Group 100.png
Normal file
BIN
src/pages/Help/Group 100.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
3
src/pages/Help/Vector.svg
Normal file
3
src/pages/Help/Vector.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg viewBox="0 0 61 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M30.5 0C13.6572 0 0 10.2105 0 22.8242C0 28.0805 2.38578 32.8937 6.38467 36.7806C6.44567 36.9215 6.51344 37.0491 6.56767 37.1968C7.00057 38.4969 7.06851 39.8891 6.76422 41.2246C6.40891 42.8122 5.6666 44.2895 4.60211 45.5276C3.34634 46.966 1.77109 48.0965 0 48.8304C2.0481 49.6896 4.26434 50.0841 6.48633 49.9851C9.01057 49.8736 11.4803 49.2209 13.725 48.0718C15.7601 47.0254 17.595 45.6351 19.1472 43.9635C22.8299 45.0581 26.6551 45.61 30.5 45.6015C47.3428 45.6015 61 35.391 61 22.7772C61 10.1635 47.3428 0 30.5 0ZM32.4859 34.7599H28.5141V30.8261H32.4859V34.7599ZM33.9499 14.8089L32.4588 28.7652H28.5412L27.0501 14.8089V11.882H33.9499V14.8089Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 749 B |
@ -1,44 +1,52 @@
|
||||
<template>
|
||||
<div class="min-h-screen bg-black text-white">
|
||||
<!-- Full Width Header -->
|
||||
<div class="h-[88px]">
|
||||
<header
|
||||
class="fixed top-[20px] right-[18px] left-[18px] z-50 flex h-[68px] items-center justify-between rounded-[90px] bg-[#ADFF5B] pr-[30px] pl-6"
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Desktop Logo -->
|
||||
<Logo :src="Logo" alt="Hi快VPN" class="hidden h-10 w-auto text-black md:block" />
|
||||
<!-- Mobile Logo -->
|
||||
<MobileLogo
|
||||
:src="MobileLogo"
|
||||
alt="Hi快VPN"
|
||||
class="block h-[28px] w-[67px] text-black md:hidden"
|
||||
/>
|
||||
<div class="h-[88px] md:h-[125px]">
|
||||
<div class="fixed top-[20px] z-50 w-full md:top-[45px]">
|
||||
<div class="container">
|
||||
<header
|
||||
class="flex h-[68px] items-center justify-between rounded-full bg-[#ADFF5B] pr-[30px] pl-6 md:h-[80px]"
|
||||
>
|
||||
<div class="flex items-center gap-2">
|
||||
<!-- Desktop Logo -->
|
||||
<!-- <Logo :src="Logo" alt="Hi快VPN" class="hidden h-10 w-auto text-black md:block" />-->
|
||||
<!-- Mobile Logo -->
|
||||
<MobileLogo
|
||||
:src="MobileLogo"
|
||||
alt="Hi快VPN"
|
||||
class="block h-[28px] text-black md:h-[50px]"
|
||||
/>
|
||||
</div>
|
||||
<div class="text-xl font-[600] text-black md:text-3xl">Hi快iOS版本下载教程</div>
|
||||
</header>
|
||||
</div>
|
||||
<div class="text-xl font-[600] text-black">Hi快iOS版本下载教程</div>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-[18px]">
|
||||
<div class="pt-[34px] pb-[15px] text-center text-xl font-[900]">请选择适用您情形的选项</div>
|
||||
<div class="container md:px-[252px]">
|
||||
<div
|
||||
class="pt-[34px] pb-[15px] text-center text-xl font-[900] md:pt-[110px] md:pb-[30px] md:text-3xl"
|
||||
>
|
||||
请选择适用您情形的选项
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<div
|
||||
class="w-1/2 rounded-[32px] border-5 p-[6px]"
|
||||
class="w-1/2 rounded-full border-5 p-[6px]"
|
||||
:class="[activeIndex === 0 ? 'border-white' : 'border-black']"
|
||||
@click="activeIndex = 0"
|
||||
>
|
||||
<Button
|
||||
class="w-full cursor-pointer rounded-[32px] bg-[#ADFF5B] text-black hover:bg-[#ADFF5B]/90"
|
||||
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-black hover:bg-[#ADFF5B]/90 md:h-[60px] md:text-2xl"
|
||||
>
|
||||
我只有中国大陆Apple ID
|
||||
</Button>
|
||||
</div>
|
||||
<div
|
||||
class="w-1/2 rounded-[32px] border-5 p-[6px]"
|
||||
class="w-1/2 rounded-full border-5 p-[6px]"
|
||||
:class="[activeIndex === 1 ? 'border-white' : 'border-black']"
|
||||
@click="activeIndex = 1"
|
||||
>
|
||||
<Button
|
||||
class="w-full cursor-pointer rounded-[32px] bg-[#ADFF5B] text-black hover:bg-[#ADFF5B]/90"
|
||||
class="w-full cursor-pointer rounded-full bg-[#ADFF5B] text-black hover:bg-[#ADFF5B]/90 md:h-[60px] md:text-2xl"
|
||||
>
|
||||
我有海外Apple ID
|
||||
</Button>
|
||||
@ -47,26 +55,35 @@
|
||||
|
||||
<!-- tab1 -->
|
||||
<div v-show="activeIndex === 0">
|
||||
<div class="pt-[34px] pb-[15px] text-center text-xl font-[900]">Hi快提供三种下载方式</div>
|
||||
<div class="pt-[34px] pb-[15px] text-center text-xl font-[900] md:pt-[100px] md:text-3xl">
|
||||
Hi快提供三种下载方式
|
||||
</div>
|
||||
<DownloadMethodList />
|
||||
</div>
|
||||
<div v-show="activeIndex === 1">
|
||||
<div class="pt-[34px] pb-[15px] text-center font-[900]">
|
||||
登录海外 Apple ID 后再点击下方下载按钮
|
||||
<div
|
||||
class="mx-auto flex w-[237px] items-center justify-center pt-[34px] pb-[15px] text-center text-xl font-[900] md:w-full md:gap-[18px] md:pt-[100px] md:text-3xl"
|
||||
>
|
||||
<ChatIcon class="h-[60px] w-[50px]" />登录海外 Apple ID 后再点击下方下载按钮
|
||||
</div>
|
||||
<div class="mx-auto h-[101px] w-[247px] md:h-[202px] md:w-[594px]">
|
||||
<img src="./Group%20100.png" class="h-full w-full" alt="下载" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- tab2 -->
|
||||
</div>
|
||||
|
||||
<div class="px-[18px]">
|
||||
<div class="pt-[56px] pb-[15px] text-center text-xl font-[900]">常见问题与解答</div>
|
||||
<div class="container md:px-[92px]">
|
||||
<div class="pt-[56px] pb-[15px] text-center text-xl font-[900] md:pb-[69px] md:text-3xl">
|
||||
常见问题与解答
|
||||
</div>
|
||||
<div class="px-[24px]">
|
||||
<FAQAccordion />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-[18px] pt-[34px]">
|
||||
<div class="mx-auto w-[240px] text-center font-black text-[#757575]">
|
||||
<div class="container px-[92px] pt-[34px]">
|
||||
<div class="mx-auto w-[240px] text-center font-black text-[#757575] md:w-full md:text-xl">
|
||||
若您在下载过程中遇到任何问题，
|
||||
<br class="md:hidden" />
|
||||
点击右下角在线客服按钮，
|
||||
@ -76,7 +93,7 @@
|
||||
</div>
|
||||
|
||||
<div class="px-[18px] pt-[34px] pb-[calc(50px+env(safe-area-inset-bottom))]">
|
||||
<div class="pb-[15px] text-center text-xl font-[900]">其他客户端下载</div>
|
||||
<div class="pb-[15px] text-center text-xl font-[900] md:text-xl">其他客户端下载</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -86,6 +103,7 @@ import { ref } from 'vue'
|
||||
// Help page logic
|
||||
import Logo from '@/pages/Home/logo.svg?component'
|
||||
import MobileLogo from '@/pages/Home/mobile-logo.svg?component'
|
||||
import ChatIcon from './Vector.svg?component'
|
||||
import DownloadMethodList from './DownloadMethodList/DownloadMethodList.vue'
|
||||
import FAQAccordion from './FAQAccordion/index.vue'
|
||||
import { Button } from '@/components/ui/button'
|
||||
|
||||
@ -3,11 +3,11 @@
|
||||
class="relative min-h-screen overflow-hidden bg-[#24963e] pb-[calc(1rem+env(safe-area-inset-bottom))] font-sans text-white md:flex md:flex-col md:pb-6"
|
||||
>
|
||||
<!-- Full Width Header -->
|
||||
<div class="h-[88px]">
|
||||
<div class="fixed top-[20px] z-50 w-full">
|
||||
<div class="h-[88px] md:h-[125px]">
|
||||
<div class="fixed top-[20px] z-50 w-full md:top-[45px]">
|
||||
<div class="container">
|
||||
<header
|
||||
class="flex h-[68px] items-center justify-between rounded-[90px] pr-[10px] transition-all duration-300"
|
||||
class="flex h-[68px] items-center justify-between rounded-[90px] pr-[10px] transition-all duration-300 md:h-[80px]"
|
||||
style="
|
||||
backdrop-filter: blur(36px);
|
||||
box-shadow:
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<svg width="67" height="28" viewBox="0 0 67 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg viewBox="0 0 67 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.64761 6.43747H10.3658L11.647 0H15.5382L12.3518 16.1211H8.44879L9.71872 9.69499H6.00106L4.71928 16.1211H0.816284L3.5528 2.35936L2.34052 0H7.91754L6.64761 6.43747Z" fill="currentColor"/>
|
||||
<path d="M17.4089 16.1211H13.5177L15.7936 4.61743H19.6928L17.4089 16.1211Z" fill="currentColor"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.5473 2.98059L27.6771 3.52369L27.9842 2.18749H30.4401L30.9223 0H34.4745L34.0656 2.18749H38.5828L37.6911 7.5172H38.8021L38.3339 10.5565H33.4077L37.6911 13.6837L35.2935 16.1211L30.7326 12.5387L25.5575 16.1211L24.3124 14.8879L24.0807 16.1211H20.675L22.0247 9.13249L19.6664 8.80922L21.4094 3.0641H23.1966L23.7887 0H27.1071L26.5473 2.98059ZM24.7176 12.7295L28.2326 10.5565H25.1254L24.7176 12.7295ZM27.1071 7.13574L25.8808 6.53337L25.696 7.5172H29.4314L29.9724 5.10935H28.5543L27.1071 7.13574ZM33.0273 7.5172H34.2261L34.6647 5.10935H33.5101L33.0273 7.5172Z" fill="currentColor"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
@ -158,7 +158,8 @@ export default class Request {
|
||||
}
|
||||
}
|
||||
axiosCanceler.removePending(config)
|
||||
if (data.code == 401) {
|
||||
if (data.code == 40004) {
|
||||
toast.error('登录状态已失效， 请重新登录')
|
||||
redirectLogin()
|
||||
return
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user