HI-VPN/hi-landing-hero
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

meta 无障碍
All checks were successful
site-dist-deploy / build-and-deploy (push) Successful in 1m5s
Details

Browse Source
This commit is contained in:
speakeloudest 2026-01-05 04:52:00 -08:00
parent 09bc1df55c
commit 69d10f88a0
3 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -1,10 +1,25 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang=""> <html lang="zh-CN">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HiFast VPN</title> <title>HiFast VPN - 高速稳定的全球网络加速服务</title>
<meta name="description" content="HiFast VPN 提供安全、匿名且高速的全球网络连接。支持 Windows, Mac, Android 等多平台下载，一键开启极速体验。" />
<meta name="keywords" content="VPN, 加速器, HiFast, 网络安全, 翻墙, 科学上网" />
<meta property="og:type" content="website" />
<meta property="og:title" content="HiFast VPN - 极速连接全球" />
<meta property="og:description" content="专业加密协议，保护隐私，解除地理限制。立即下载各平台客户端。" />
<!-- <meta property="og:image" content="https://h.hifastapp.com/og-image.png" />-->
<meta property="og:url" content="https://h.hifastapp.com/" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="HiFast VPN" />
<!-- <link rel="apple-touch-icon" href="/icon-192x192.png" />-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

10
src/pages/Home/components/DownloadButton.vue
View File

@ -4,6 +4,7 @@
<router-link <router-link
v-if="item.isInternal" v-if="item.isInternal"
:to="item.link" :to="item.link"
:aria-label="item.label"
class="lucid-glass-bar flex h-[40px] w-[140px] shrink-0 items-center space-x-2 rounded-full border border-white/20 transition-transform hover:brightness-110 active:scale-95 md:h-[50px] md:w-[180px]" class="lucid-glass-bar flex h-[40px] w-[140px] shrink-0 items-center space-x-2 rounded-full border border-white/20 transition-transform hover:brightness-110 active:scale-95 md:h-[50px] md:w-[180px]"
> >
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
@ -14,6 +15,7 @@
v-else v-else
:href="item.link" :href="item.link"
target="_blank" target="_blank"
:aria-label="item.label"
class="lucid-glass-bar flex h-[40px] w-[140px] shrink-0 items-center space-x-2 rounded-full transition-transform hover:brightness-110 active:scale-95 md:h-[50px] md:w-[180px]" class="lucid-glass-bar flex h-[40px] w-[140px] shrink-0 items-center space-x-2 rounded-full transition-transform hover:brightness-110 active:scale-95 md:h-[50px] md:w-[180px]"
> >
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
@ -32,9 +34,9 @@ import Icon4 from './Group 108.svg?component'
import { downLoadAndroid, downLoadWin, downLoadMac } from '@/utils/constant.ts' import { downLoadAndroid, downLoadWin, downLoadMac } from '@/utils/constant.ts'
// 定义下载链接数据 // 定义下载链接数据
const downloadLinks = [ const downloadLinks = [
{ icon: Icon2, link: '/help', isInternal: true }, { icon: Icon2, link: '/help', isInternal: true, label: '查看帮助中心' },
{ icon: Icon1, link: downLoadWin }, { icon: Icon1, link: downLoadWin, label: '下载 Windows 版客户端' },
{ icon: Icon3, link: downLoadMac }, { icon: Icon3, link: downLoadMac, label: '下载 macOS 版客户端' },
{ icon: Icon4, link: downLoadAndroid }, { icon: Icon4, link: downLoadAndroid, label: '下载 Android 版客户端' },
] ]
</script> </script>

4
src/pages/Home/index.vue
View File

@ -16,7 +16,7 @@
<div v-if="isLoggedIn" class="flex items-center"> <div v-if="isLoggedIn" class="flex items-center">
<router-link <router-link
to="/user-center" to="/user-center"
class="flex size-[30px] items-center justify-center rounded-full bg-[#2E3427] text-xl font-bold text-white shadow-lg transition hover:scale-105 md:size-[40px] md:text-3xl" class="flex size-[30px] items-center justify-center rounded-full bg-[#78788029] text-xl font-bold text-white shadow-lg transition hover:scale-105 md:size-[40px] md:text-3xl"
> >
{{ userLetter }} {{ userLetter }}
</router-link> </router-link>
@ -89,7 +89,7 @@
class="lucid-glass-bar mt-[8px] flex h-[30px] w-[100px] shrink-0 items-center justify-center space-x-2 rounded-full transition-transform hover:brightness-110 md:mt-[16px]" class="lucid-glass-bar mt-[8px] flex h-[30px] w-[100px] shrink-0 items-center justify-center space-x-2 rounded-full transition-transform hover:brightness-110 md:mt-[16px]"
> >
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<img src="./x-logo.png" class="h-[16px] w-[77px]" /> <img src="./x-logo.png" alt="X.com" class="h-[16px] w-[77px]" />
</div> </div>
</a> </a>
</div> </div>