fix(website): 定价卡片 3 个按钮补链接(原纯 button 无响应)

PricingPlans.jsx 的 pcta 是纯 <button> 无 onClick/href → 点击无反应。改为
<a href>:Free「Download free」→ #download 下载区;Pro/Team「Get a code」→
#get-code(给渠道区 .pay-note 加 id,滚到购码渠道:自助店/USDT/Telegram/LINE/
邮箱)。.pcta 补 display:block/text-align:center/text-decoration:none 让 <a>
渲染同按钮。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
wangjia
2026-07-08 13:09:29 +08:00
parent f4c5f93370
commit e0912dd819
3 changed files with 6 additions and 3 deletions
+4 -1
View File
@@ -23,6 +23,7 @@ const plansData = {
feats: [t('pf.free1'), t('pf.free2'), t('pf.free3'), t('pf.free4')],
cta: t('price.cta_free'),
ctaClass: 'pcta-out',
href: '#download',
highlight: false,
},
{
@@ -33,6 +34,7 @@ const plansData = {
feats: [t('pf.pro1'), t('pf.pro2'), t('pf.pro3'), t('pf.pro4'), t('pf.pro5')],
cta: t('price.cta_pro'),
ctaClass: 'pcta-white',
href: '#get-code',
highlight: true,
},
{
@@ -43,6 +45,7 @@ const plansData = {
feats: [t('pf.team1'), t('pf.team2'), t('pf.team3'), t('pf.team4')],
cta: t('price.cta_team'),
ctaClass: 'pcta-fill',
href: '#get-code',
highlight: false,
},
],
@@ -75,7 +78,7 @@ function cell(v: string) {
<div class="wrap">
<!-- payment note -->
<div class="pay-note">
<div class="pay-note" id="get-code">
<Icon name="shield-check" />
<div>
<b>{t('pay.title')}</b><br>
+1 -1
View File
@@ -50,7 +50,7 @@ export default function PricingPlans({ data }) {
</li>
))}
</ul>
<button class={`pcta ${p.ctaClass}`}>{p.cta}</button>
<a href={p.href || '#get-code'} class={`pcta ${p.ctaClass}`}>{p.cta}</a>
</div>
))}
</div>
+1 -1
View File
@@ -171,7 +171,7 @@ section{padding:88px 0}
.plan.feat-plan .feats li{color:rgba(255,255,255,.92)}
.plan .feats svg{width:16px;height:16px;color:var(--success);flex-shrink:0;margin-top:1px}
.plan.feat-plan .feats svg{color:#fff}
.plan .pcta{width:100%;border:none;border-radius:var(--radius-full);padding:13px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;cursor:pointer}
.plan .pcta{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-full);padding:13px;font-family:var(--font-sans);font-weight:700;font-size:14.5px;cursor:pointer}
.pcta-fill{background:var(--accent);color:#fff}
.pcta-white{background:#fff;color:var(--clay-700)}
.pcta-out{background:transparent;color:var(--fg2);border:1.5px solid var(--border-strong)!important}