|
|
@@ -2,70 +2,57 @@
|
|
|
import Header from '@/components/Header.vue'
|
|
|
import Footer from '@/components/Footer.vue'
|
|
|
import Accordion from '@/components/Accordion.vue'
|
|
|
-import LogoMarquee from '@/components/LogoMarquee.vue'
|
|
|
|
|
|
const base = 'https://web3.okx.com/zh-hans'
|
|
|
const url = (path: string) => `${base}${path}`
|
|
|
|
|
|
const features = [
|
|
|
{
|
|
|
- title: '存储',
|
|
|
- desc: '自主管理你的加密资产，通行 130+ 原生链，保障安全与掌控。',
|
|
|
+ title: '资产存储',
|
|
|
+ desc: '在 OKX Wallet 存储任意数字资产，涵盖 BTC、ETH、USDT 及热门 Meme 币与 NFT。支持一次性创建最多 1,000 个子钱包地址，全权掌控私钥管理。',
|
|
|
img: 'https://web3.okx.com/cdn/oksupport/common/ProductStore.ec964f9ee58cd4.webp',
|
|
|
- cta: { label: '获取钱包', href: url('/download') },
|
|
|
+ video: 'https://web3.okx.com/cdn/oksupport/common/Store.3b2045ad9cec50.mp4',
|
|
|
+ cta: { label: '连接钱包', href: url('/download') },
|
|
|
},
|
|
|
{
|
|
|
- title: '洞察',
|
|
|
- desc: '简单直达链上实时数据，订阅自定义市场信号与提醒。',
|
|
|
- img: 'https://web3.okx.com/cdn/oksupport/common/ProductAnalyze.3beae7e2817e41.webp',
|
|
|
+ title: '代币兑换',
|
|
|
+ desc: '三种智能模式随心切换：简易模式、专业模式、Meme 模式。新手轻松上手，专家精准操控，满足全层级用户链上交易需求。',
|
|
|
+ img: 'https://web3.okx.com/cdn/oksupport/common/Swap_Product.bc111befcc3ff7.webp',
|
|
|
+ video: 'https://web3.okx.com/cdn/oksupport/common/Swap.1df753971a5611.mp4',
|
|
|
cta: { label: '查看追踪器', href: url('/tracker/addresses') },
|
|
|
},
|
|
|
{
|
|
|
- title: '闪兑',
|
|
|
- desc: '跨代币一键切换，覆盖数百万代币池，智能比价优选。',
|
|
|
- img: 'https://web3.okx.com/cdn/oksupport/common/Swap_Product.bc111befcc3ff7.webp',
|
|
|
+ title: '链上质押',
|
|
|
+ desc: '激活数字资产价值，发现链上优质质押池。智能聚合主流公链质押协议，通过自管钱包实时追踪多链收益。',
|
|
|
+ img: 'https://web3.okx.com/cdn/oksupport/common/ProductStake.419857eacdbe63.webp',
|
|
|
+ video: 'https://web3.okx.com/cdn/oksupport/common/Stake.778d6e38064bac.mp4',
|
|
|
cta: { label: '���始交易', href: url('/dex-swap') },
|
|
|
},
|
|
|
{
|
|
|
- title: '交易',
|
|
|
- desc: '专业级交易工具与深度流动性，助你高效执行。',
|
|
|
- img: 'https://web3.okx.com/cdn/oksupport/common/Security.2d594b5417f1f0.webp',
|
|
|
+ title: '数据分析',
|
|
|
+ desc: '搭载实时数据终端，监控主流公链及头部 DEX 的流动性、价格波动与大额交易。追踪聪明钱地址动向，配置个性化警报策略，助你抢占链上先机。',
|
|
|
+ img: 'https://web3.okx.com/cdn/oksupport/common/ProductAnalyze.3beae7e2817e41.webp',
|
|
|
+ video: 'https://web3.okx.com/cdn/oksupport/common/Analyze.da7fb67f9f88a6.mp4',
|
|
|
cta: { label: '前往行情', href: url('/token') },
|
|
|
},
|
|
|
+]
|
|
|
+
|
|
|
+const faq = [
|
|
|
{
|
|
|
- title: '赚币',
|
|
|
- desc: '发现优质质押与链上机会，赚取加密收益。',
|
|
|
- img: 'https://web3.okx.com/cdn/oksupport/common/ProductStake.419857eacdbe63.webp',
|
|
|
- cta: { label: '探索赚币', href: url('/earn') },
|
|
|
+ q: '如何开始使用 OKX Wallet？',
|
|
|
+ a: '支持网页端即时注册或下载移动端应用，你也可使用浏览器插件通过 Wallet Connect 协议无缝连接全网 DApp。',
|
|
|
},
|
|
|
{
|
|
|
- title: '连接',
|
|
|
- desc: '兼容主流网络与 DApp，支持 WalletConnect 等标准。',
|
|
|
- img: 'https://web3.okx.com/cdn/assets/imgs/232/79832BE02D2BC323.jpg',
|
|
|
- cta: { label: '浏览器', href: url('/explorer') },
|
|
|
+ q: '为什么选择 OKX Wallet？',
|
|
|
+ a: 'OKX Wallet 通过多链互联架构满足资产存储、链上分析、跨链交易及数字创作等全维度需求，真正实现"一个钱包，无限可能"的产品理念。',
|
|
|
},
|
|
|
-]
|
|
|
-
|
|
|
-const chains = [
|
|
|
- { src: 'https://cryptologos.cc/logos/bitcoin-btc-logo.svg?v=031', alt: 'Bitcoin' },
|
|
|
- { src: 'https://cryptologos.cc/logos/ethereum-eth-logo.svg?v=031', alt: 'Ethereum' },
|
|
|
- { src: 'https://cryptologos.cc/logos/solana-sol-logo.svg?v=031', alt: 'Solana' },
|
|
|
- { src: 'https://cryptologos.cc/logos/polygon-matic-logo.svg?v=031', alt: 'Polygon' },
|
|
|
- { src: 'https://cryptologos.cc/logos/avalanche-avax-logo.svg?v=031', alt: 'Avalanche' },
|
|
|
- { src: 'https://cryptologos.cc/logos/optimism-ethereum-op-logo.svg?v=031', alt: 'Optimism' },
|
|
|
- { src: 'https://cryptologos.cc/logos/arbitrum-arb-logo.svg?v=031', alt: 'Arbitrum' },
|
|
|
-]
|
|
|
-
|
|
|
-const faq = [
|
|
|
- { q: 'OKX 钱包是否自托管？', a: '是，自托管钱包，私钥仅由你掌控，支持助记词与硬件钱包连接。' },
|
|
|
- { q: '支持哪些链与生态？', a: '支持 130+ 原生链，覆盖比特币、以太坊、Solana 等主流网络与生态。' },
|
|
|
{
|
|
|
- q: '如何进行闪兑/交易？',
|
|
|
- a: '在 Swap 使用智能路由完成代币兑换，或前往 Market/Dex 获取更优价格执行。',
|
|
|
+ q: 'OKX Wallet 是否为托管型钱包？',
|
|
|
+ a: 'OKX Wallet 为完全自主管理的非托管型加密钱包，用户独享资产控制权。支持通过私钥在任何兼容钱包中恢复资产，确保用户便捷使用。',
|
|
|
},
|
|
|
{
|
|
|
- q: '是否支持扩展与移动端？',
|
|
|
- a: '支持 iOS/Android 移动端与 Chrome/Firefox 浏览器扩展，多端统一体验。',
|
|
|
+ q: 'OKX Wallet 具有哪些优势？',
|
|
|
+ a: '作为专业用户首选的数字资产安全存储方案，OKX Wallet 集成原生 DApp 生态，包括链上聚合器产品 OKX DEX。DEX 路由引擎实时聚合超过 100 个流动性池及去中心化交易所，智能执行最优价格交易。此外，你还可使用 OKX Wallet 进行 NFT 等数字资产的创建与管理。',
|
|
|
},
|
|
|
]
|
|
|
</script>
|
|
|
@@ -88,12 +75,7 @@ const faq = [
|
|
|
<p class="mt-4 max-w-xl text-base text-okx-text/80 sm:text-lg">
|
|
|
交易、收益、NFT、DApp 一站式体验。你的资产，你做主。
|
|
|
</p>
|
|
|
- <div class="mt-6 flex flex-col gap-3 sm:flex-row">
|
|
|
- <a
|
|
|
- :href="url('/token')"
|
|
|
- class="inline-flex items-center justify-center rounded-md bg-okx-accent px-5 py-3 text-sm font-semibold text-black shadow-soft hover:brightness-95"
|
|
|
- >开始交易</a
|
|
|
- >
|
|
|
+ <div class="mt-6">
|
|
|
<a
|
|
|
:href="url('/download')"
|
|
|
class="inline-flex items-center justify-center rounded-md border border-okx-border px-5 py-3 text-sm font-semibold text-white hover:bg-okx-gray"
|
|
|
@@ -127,162 +109,152 @@ const faq = [
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
- <!-- Networks Showcase -->
|
|
|
- <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
- <div class="mb-6">
|
|
|
- <LogoMarquee :logos="chains" />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="overflow-hidden rounded-2xl border border-okx-border bg-[url('https://web3.okx.com/cdn/oksupport/common/dot.e002e0ad0b481f.png')] bg-[length:24px_24px] bg-center/auto"
|
|
|
- >
|
|
|
- <div class="relative">
|
|
|
- <video
|
|
|
- class="h-full w-full object-cover"
|
|
|
- src="https://web3.okx.com/cdn/oksupport/common/Web3 Networks_Desktop.8df2280dfda4ca.mp4"
|
|
|
- autoplay
|
|
|
- muted
|
|
|
- loop
|
|
|
- playsinline
|
|
|
- poster="https://web3.okx.com/cdn/assets/imgs/259/8DDD784F40049FD2.jpg"
|
|
|
- ></video>
|
|
|
- <div
|
|
|
- class="pointer-events-none absolute inset-0 bg-gradient-to-t from-okx-black/60 to-transparent"
|
|
|
- ></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
-
|
|
|
<!-- Features -->
|
|
|
- <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
- <h2 class="font-display text-2xl font-semibold text-white sm:text-3xl">核心能力</h2>
|
|
|
- <p class="mt-2 max-w-2xl text-sm text-okx-text/70">
|
|
|
- 去中心化应用的强大能力，由你完全掌控资产与数据。
|
|
|
- </p>
|
|
|
-
|
|
|
- <div class="mt-8 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
|
|
|
- <article
|
|
|
- v-for="f in features"
|
|
|
- :key="f.title"
|
|
|
- class="group overflow-hidden rounded-xl border border-okx-border bg-okx-gray/50 transition-colors hover:border-okx-accent/60"
|
|
|
- >
|
|
|
- <img :src="f.img" :alt="f.title" class="h-40 w-full object-cover sm:h-44" />
|
|
|
- <div class="p-5">
|
|
|
- <h3 class="font-display text-lg font-semibold text-white">{{ f.title }}</h3>
|
|
|
- <p class="mt-2 text-sm text-okx-text/80">{{ f.desc }}</p>
|
|
|
- <a
|
|
|
- :href="f.cta.href"
|
|
|
- class="mt-4 inline-flex items-center gap-2 text-sm font-semibold text-okx-accent"
|
|
|
+ <section
|
|
|
+ class="bg-[url('https://web3.okx.com/cdn/oksupport/common/dot.e002e0ad0b481f.png')] bg-[length:20px_20px]"
|
|
|
+ >
|
|
|
+ <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
+ <div class="mt-12 space-y-20">
|
|
|
+ <article v-for="(f, index) in features" :key="f.title" class="group">
|
|
|
+ <div
|
|
|
+ class="flex flex-col gap-8 lg:flex lg:items-center lg:gap-16 lg:max-w-5xl lg:mx-auto"
|
|
|
+ :class="index % 2 === 0 ? 'lg:flex-row' : 'lg:flex-row-reverse'"
|
|
|
>
|
|
|
- {{ f.cta.label }}
|
|
|
- <svg
|
|
|
- xmlns="http://www.w3.org/2000/svg"
|
|
|
- viewBox="0 0 24 24"
|
|
|
- fill="currentColor"
|
|
|
- class="h-4 w-4"
|
|
|
- >
|
|
|
- <path d="M13 5l7 7-7 7M20 12H4" />
|
|
|
- </svg>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </article>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
+ <div class="lg:flex-1 order-1 lg:order-none">
|
|
|
+ <div class="space-y-6">
|
|
|
+ <h3 class="text-3xl font-bold text-white lg:text-4xl">{{ f.title }}</h3>
|
|
|
+ <p class="text-lg text-okx-text/90 leading-relaxed">{{ f.desc }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- Stats -->
|
|
|
- <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
- <div
|
|
|
- class="grid grid-cols-1 gap-4 rounded-2xl border border-okx-border bg-okx-gray/40 p-6 sm:grid-cols-3"
|
|
|
- >
|
|
|
- <div class="text-center">
|
|
|
- <div class="font-display text-3xl font-bold text-white">130+</div>
|
|
|
- <div class="mt-1 text-xs text-okx-text/70">原生链支持</div>
|
|
|
- </div>
|
|
|
- <div class="text-center">
|
|
|
- <div class="font-display text-3xl font-bold text-white">多端</div>
|
|
|
- <div class="mt-1 text-xs text-okx-text/70">iOS / Android / Chrome / Firefox</div>
|
|
|
- </div>
|
|
|
- <div class="text-center">
|
|
|
- <div class="font-display text-3xl font-bold text-white">自托管</div>
|
|
|
- <div class="mt-1 text-xs text-okx-text/70">私钥由你掌控</div>
|
|
|
+ <div class="lg:w-[570px] lg:flex-shrink-0 order-2 lg:order-none">
|
|
|
+ <div class="relative">
|
|
|
+ <div class="flex items-start">
|
|
|
+ <div class="w-[290px] overflow-hidden rounded-[30px] bg-gray-100">
|
|
|
+ <video
|
|
|
+ class="w-full h-auto object-contain"
|
|
|
+ autoplay
|
|
|
+ loop
|
|
|
+ muted
|
|
|
+ playsinline
|
|
|
+ width="290"
|
|
|
+ role="img"
|
|
|
+ style="visibility: visible"
|
|
|
+ >
|
|
|
+ <source :src="f.video" type="video/mp4" />
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <picture
|
|
|
+ class="relative -ml-[50px] -mt-[1px] w-[262px] overflow-hidden rounded-lg"
|
|
|
+ >
|
|
|
+ <source :srcset="f.img + '?x-oss-process=image/format,webp/ignore-error,1'" />
|
|
|
+ <img
|
|
|
+ :src="f.img"
|
|
|
+ :alt="f.title"
|
|
|
+ width="262"
|
|
|
+ class="w-full h-auto object-contain"
|
|
|
+ />
|
|
|
+ </picture>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
- <!-- Download Section -->
|
|
|
- <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
- <div class="grid grid-cols-1 items-center gap-8 lg:grid-cols-12">
|
|
|
- <div class="lg:col-span-6">
|
|
|
- <h2 class="font-display text-2xl font-semibold text-white sm:text-3xl">下载与安装</h2>
|
|
|
- <p class="mt-2 max-w-xl text-sm text-okx-text/70">
|
|
|
- 支持 iOS / Android / Chrome / Firefox 等多端，随时随地连接 Web3。
|
|
|
- </p>
|
|
|
- <div class="mt-6 grid grid-cols-2 gap-3 sm:max-w-md">
|
|
|
- <a
|
|
|
- :href="url('/download?tab=mobile')"
|
|
|
- class="rounded-lg border border-okx-border bg-okx-gray/50 px-4 py-3 text-center text-sm font-semibold text-white hover:bg-okx-gray"
|
|
|
- >iOS / Android</a
|
|
|
- >
|
|
|
- <a
|
|
|
- :href="url('/download?tab=extension')"
|
|
|
- class="rounded-lg border border-okx-border bg-okx-gray/50 px-4 py-3 text-center text-sm font-semibold text-white hover:bg-okx-gray"
|
|
|
- >Chrome / Firefox</a
|
|
|
- >
|
|
|
- <a
|
|
|
- :href="url('/download')"
|
|
|
- class="col-span-2 rounded-lg bg-okx-accent px-4 py-3 text-center text-sm font-semibold text-black hover:brightness-95"
|
|
|
- >前往下载中心</a
|
|
|
- >
|
|
|
- </div>
|
|
|
+ <!-- Security Section -->
|
|
|
+ <section class="bg-black">
|
|
|
+ <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
+ <div class="text-center mb-12">
|
|
|
+ <p class="text-sm text-okx-text/60 mb-2">安全体系</p>
|
|
|
+ <h2 class="text-3xl font-bold text-white sm:text-4xl">
|
|
|
+ 尖端自托管技术，全球认证安全标准
|
|
|
+ </h2>
|
|
|
</div>
|
|
|
- <div class="lg:col-span-6">
|
|
|
- <div
|
|
|
- class="relative mx-auto w-full max-w-md overflow-hidden rounded-2xl border border-okx-border"
|
|
|
- >
|
|
|
- <img
|
|
|
- src="https://web3.okx.com/cdn/oksupport/common/Wallet_Hero_Static_Desktop.9f14eec5060dd3.webp"
|
|
|
- alt="OKX 钱包预览"
|
|
|
- class="h-full w-full object-cover"
|
|
|
- />
|
|
|
- <div
|
|
|
- class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-okx-black/80 to-transparent p-4 text-xs text-okx-text/70"
|
|
|
- >
|
|
|
- 实际外观以设备为准
|
|
|
+ <div class="flex flex-col lg:flex-row lg:items-center lg:gap-16">
|
|
|
+ <div class="lg:flex-1 space-y-4">
|
|
|
+ <div class="border border-okx-border rounded-lg p-4 bg-okx-gray/20">
|
|
|
+ <div class="flex items-center gap-3 mb-2">
|
|
|
+ <i
|
|
|
+ class="icon iconfont dex-okx-defi-x1-liquidity-plus text-okx-primary"
|
|
|
+ style="font-size: 24px"
|
|
|
+ ></i>
|
|
|
+ <span class="font-semibold text-white">资产自主控制</span>
|
|
|
+ </div>
|
|
|
+ <p class="text-okx-text/80 text-sm">
|
|
|
+ 真正掌握数字资产所有权，通过助记词、私钥、生物识别验证和加密技术保障资产安全。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="border border-okx-border rounded-lg p-4 bg-okx-gray/20">
|
|
|
+ <div class="flex items-center gap-3 mb-2">
|
|
|
+ <i
|
|
|
+ class="icon iconfont dex-okx-defi-x1-liquidity-plus text-okx-primary"
|
|
|
+ style="font-size: 24px"
|
|
|
+ ></i>
|
|
|
+ <span class="font-semibold text-white">主动安全防护</span>
|
|
|
+ </div>
|
|
|
+ <p class="text-okx-text/80 text-sm">
|
|
|
+ 实时监测并拦截恶意域名、异常智能合约等潜在风险，构建动态防御体系。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="border border-okx-border rounded-lg p-4 bg-okx-gray/20">
|
|
|
+ <div class="flex items-center gap-3 mb-2">
|
|
|
+ <i
|
|
|
+ class="icon iconfont dex-okx-defi-x1-liquidity-plus text-okx-primary"
|
|
|
+ style="font-size: 24px"
|
|
|
+ ></i>
|
|
|
+ <span class="font-semibold text-white">安全审计认证</span>
|
|
|
+ </div>
|
|
|
+ <p class="text-okx-text/80 text-sm">
|
|
|
+ 由全球顶尖网络安全团队执行穿透式审计，确保系统安全机制持续符合行业最高标准。
|
|
|
+ </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="lg:w-[400px] lg:flex-shrink-0 mt-8 lg:mt-0">
|
|
|
+ <picture class="block">
|
|
|
+ <source
|
|
|
+ :srcset="'https://web3.okx.com/cdn/oksupport/common/Security.2d594b5417f1f0.webp?x-oss-process=image/format,webp/ignore-error,1'"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ width="400"
|
|
|
+ class="w-full h-auto rounded-lg"
|
|
|
+ src="https://web3.okx.com/cdn/oksupport/common/Security.2d594b5417f1f0.webp"
|
|
|
+ alt="尖端自托管技术，全球认证安全标准"
|
|
|
+ />
|
|
|
+ </picture>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
- <!-- CTA strip -->
|
|
|
- <section
|
|
|
- class="bg-[url('https://web3.okx.com/cdn/oksupport/common/dot.e002e0ad0b481f.png')] bg-[length:24px_24px]"
|
|
|
- >
|
|
|
- <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
|
|
|
- <div
|
|
|
- class="flex flex-col items-center justify-between gap-4 rounded-xl border border-okx-border bg-okx-gray/60 p-6 sm:flex-row"
|
|
|
- >
|
|
|
- <div>
|
|
|
- <h3 class="font-display text-xl font-semibold text-white">立即开始你的 Web3 旅程</h3>
|
|
|
- <p class="mt-1 text-sm text-okx-text/70">下载 OKX 钱包，随时随地连接去中心化世界。</p>
|
|
|
- </div>
|
|
|
- <div class="flex flex-col gap-3 sm:flex-row">
|
|
|
- <a
|
|
|
- :href="url('/download')"
|
|
|
- class="inline-flex items-center justify-center rounded-md bg-okx-accent px-5 py-3 text-sm font-semibold text-black hover:brightness-95"
|
|
|
- >获取钱包</a
|
|
|
- >
|
|
|
- <a
|
|
|
- :href="url('/discover')"
|
|
|
- class="inline-flex items-center justify-center rounded-md border border-okx-border px-5 py-3 text-sm font-semibold text-white hover:bg-okx-gray"
|
|
|
- >探索 DApp</a
|
|
|
- >
|
|
|
+ <!-- Networks Showcase -->
|
|
|
+ <section class="bg-black">
|
|
|
+ <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
+ <div class="mb-6">
|
|
|
+ <h2 class="font-display text-2xl font-semibold text-white sm:text-3xl">
|
|
|
+ 一站式 Web3 门户
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="overflow-hidden rounded-2xl bg-black">
|
|
|
+ <div class="relative">
|
|
|
+ <video
|
|
|
+ class="h-full w-full object-cover"
|
|
|
+ src="https://web3.okx.com/cdn/oksupport/common/Web3 Networks_Desktop.8df2280dfda4ca.mp4"
|
|
|
+ autoplay
|
|
|
+ muted
|
|
|
+ loop
|
|
|
+ playsinline
|
|
|
+ poster="https://web3.okx.com/cdn/assets/imgs/259/8DDD784F40049FD2.jpg"
|
|
|
+ ></video>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<!-- FAQ -->
|
|
|
- <section class="mx-auto max-w-5xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
+ <section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
|
|
|
<h2 class="font-display text-2xl font-semibold text-white sm:text-3xl">常见问题</h2>
|
|
|
<Accordion class="mt-6" :items="faq" />
|
|
|
</section>
|
