pricing 布局对调:「选择适合的授权」升为进页主标(大字号),30 天试用条移至定价卡之后与说明文案同区

This commit is contained in:
logan committed 2026-10-16 14:10:35 +08:00
1 parent ebe900c7fc
commit fffc475758
3 files changed
+9 -18

No files matched your search

+3 -6
View File
@@ -68,13 +68,9 @@
</div> </div>
</header> </header>
<main> <main>
<section class="trial-hero"> <section class="section alt" style="padding-top:30px">
<span class="trial-strip"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</span>
</section>
<section class="section alt">
<div class="wrap"> <div class="wrap">
<h2 class="sec-title">选择适合的授权</h2> <h2 class="sec-title" style="font-size:clamp(26px,3.6vw,36px);margin-bottom:6px">选择适合的授权</h2>
<p class="sec-sub">个人版可选年付或一次性买断;团队按席位,私有化不限席位。</p> <p class="sec-sub">个人版可选年付或一次性买断;团队按席位,私有化不限席位。</p>
<div class="pricing three"> <div class="pricing three">
<div class="price-card"> <div class="price-card">
@@ -123,6 +119,7 @@
<a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a> <a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a>
</div> </div>
</div> </div>
<div class="trial-strip" style="margin:22px auto 0;display:inline-flex"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</div>
<p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p> <p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p>
<p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</p> <p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</p>
</div> </div>
+3 -6
View File
@@ -68,13 +68,9 @@
</div> </div>
</header> </header>
<main> <main>
<section class="trial-hero"> <section class="section alt" style="padding-top:30px">
<span class="trial-strip"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</span>
</section>
<section class="section alt">
<div class="wrap"> <div class="wrap">
<h2 class="sec-title">选择适合的授权</h2> <h2 class="sec-title" style="font-size:clamp(26px,3.6vw,36px);margin-bottom:6px">选择适合的授权</h2>
<p class="sec-sub">个人版可选年付或一次性买断;团队按席位,私有化不限席位。</p> <p class="sec-sub">个人版可选年付或一次性买断;团队按席位,私有化不限席位。</p>
<div class="pricing three"> <div class="pricing three">
<div class="price-card"> <div class="price-card">
@@ -123,6 +119,7 @@
<a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a> <a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a>
</div> </div>
</div> </div>
<div class="trial-strip" style="margin:22px auto 0;display:inline-flex"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</div>
<p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p> <p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p>
<p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</p> <p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</p>
</div> </div>
+3 -6
View File
@@ -68,13 +68,9 @@
</div> </div>
</header> </header>
<main> <main>
<section class="trial-hero"> <section class="section alt" style="padding-top:30px">
<span class="trial-strip"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</span>
</section>
<section class="section alt">
<div class="wrap"> <div class="wrap">
<h2 class="sec-title">选择适合的授权</h2> <h2 class="sec-title" style="font-size:clamp(26px,3.6vw,36px);margin-bottom:6px">选择适合的授权</h2>
<p class="sec-sub">个人版可选年付或一次性买断;团队按席位,私有化不限席位。</p> <p class="sec-sub">个人版可选年付或一次性买断;团队按席位,私有化不限席位。</p>
<div class="pricing three"> <div class="pricing three">
<div class="price-card"> <div class="price-card">
@@ -123,6 +119,7 @@
<a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a> <a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a>
</div> </div>
</div> </div>
<div class="trial-strip" style="margin:22px auto 0;display:inline-flex"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</div>
<p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p> <p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p>
<p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</p> <p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</p>
</div> </div>