wangjia/pangolin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 26 Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
web/website/src/components/Pricing.astro
+4 -1
View File
@@ -23,6 +23,7 @@ const plansData = {
feats: [t('pf.free1'), t('pf.free2'), t('pf.free3'), t('pf.free4')], feats: [t('pf.free1'), t('pf.free2'), t('pf.free3'), t('pf.free4')],
cta: t('price.cta_free'), cta: t('price.cta_free'),
ctaClass: 'pcta-out', ctaClass: 'pcta-out',
href: '#download',
highlight: false, highlight: false,
}, },
{ {
@@ -33,6 +34,7 @@ const plansData = {
feats: [t('pf.pro1'), t('pf.pro2'), t('pf.pro3'), t('pf.pro4'), t('pf.pro5')], feats: [t('pf.pro1'), t('pf.pro2'), t('pf.pro3'), t('pf.pro4'), t('pf.pro5')],
cta: t('price.cta_pro'), cta: t('price.cta_pro'),
ctaClass: 'pcta-white', ctaClass: 'pcta-white',
href: '#get-code',
highlight: true, highlight: true,
}, },
{ {
@@ -43,6 +45,7 @@ const plansData = {
feats: [t('pf.team1'), t('pf.team2'), t('pf.team3'), t('pf.team4')], feats: [t('pf.team1'), t('pf.team2'), t('pf.team3'), t('pf.team4')],
cta: t('price.cta_team'), cta: t('price.cta_team'),
ctaClass: 'pcta-fill', ctaClass: 'pcta-fill',
href: '#get-code',
highlight: false, highlight: false,
}, },
], ],
@@ -75,7 +78,7 @@ function cell(v: string) {
<div class="wrap"> <div class="wrap">
<!-- payment note --> <!-- payment note -->
<div class="pay-note"> <div class="pay-note" id="get-code">
<Icon name="shield-check" /> <Icon name="shield-check" />
<div> <div>
<b>{t('pay.title')}</b><br> <b>{t('pay.title')}</b><br>
web/website/src/components/PricingPlans.jsx
+1 -1
View File
@@ -50,7 +50,7 @@ export default function PricingPlans({ data }) {
</li> </li>
))} ))}
</ul> </ul>
<button class={`pcta ${p.ctaClass}`}>{p.cta}</button> <a href={p.href || '#get-code'} class={`pcta ${p.ctaClass}`}>{p.cta}</a>
</div> </div>
))} ))}
</div> </div>
web/website/src/styles/website.css
+1 -1
View File
@@ -171,7 +171,7 @@ section{padding:88px 0}
.plan.feat-plan .feats li{color:rgba(255,255,255,.92)} .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 .feats svg{width:16px;height:16px;color:var(--success);flex-shrink:0;margin-top:1px}
.plan.feat-plan .feats svg{color:#fff} .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-fill{background:var(--accent);color:#fff}
.pcta-white{background:#fff;color:var(--clay-700)} .pcta-white{background:#fff;color:var(--clay-700)}
.pcta-out{background:transparent;color:var(--fg2);border:1.5px solid var(--border-strong)!important} .pcta-out{background:transparent;color:var(--fg2);border:1.5px solid var(--border-strong)!important}