https://www.abser.top/_next/static/chunks/187.aff6a14e8d0a4ace.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[187],{50187:function(e,s,l){l.r(s),l.d(s,{default:function(){return n}});var t=l(85893),i=l(67294);function n(){let[e,s]=(0,i.useState)(null),[l,n]=(0,i.useState)(0),r=[{title:"年度会员",points:98,duration:"365天",benefits:["日更5到20个热门项目","全站资源免费获取","内部会员专属交流群","可补差价升级","推广佣金高达40％"]},{title:"永久会员",points:138,duration:"永久",benefits:["日更5到20个热门项目","全站资源免费获取","内部会员专属交流群","可补差价升级","推广佣金高达70％"]},{title:"站长训练营",points:1998,duration:"永久",benefits:["站长学员请联系助理对接","一对一扶持搭建网站","提供独家引流技术照做就能成功","全站素材直接复刻到学员新站","软件一键同步更新","学员专属社群及交流群","设立高额福利的打卡机制（增强学员执行力）"]}],a=e=>{s(e),n(r[e].points)};return(0,i.useEffect)(()=>{if(null!==e){var s;let l=null===(s=r[e])||void 0===s?void 0:s.points;l&&n(l)}},[e]),(0,t.jsxs)("div",{className:"bg-white rounded-lg shadow-lg p-6 border",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-2xl font-bold mb-4",children:"会员注册"}),(0,t.jsx)("hr",{className:"my-2"})]}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-4",children:r.map((s,l)=>(0,t.jsxs)("div",{className:"block max-w-sm p-6 text-center border cursor-pointer rounded-lg shadow ".concat(e===l?"bg-blue-100":"bg-gray-50"),onClick:()=>a(l),children:[(0,t.jsx)("h5",{className:"mb-2 text-2xl font-bold tracking-tight",children:s.title}),(0,t.jsxs)("p",{className:"font-normal",children:["所需积分：",s.points," 积分"]}),(0,t.jsxs)("p",{className:"font-normal",children:["会员时长：",s.duration]}),(0,t.jsx)("ul",{className:"text-gray-600 mt-2",children:s.benefits.map((e,s)=>(0,t.jsx)("li",{children:e},s))})]},l))}),(0,t.jsxs)("form",{className:"mt-6",children:[(0,t.jsxs)("div",{className:"flex justify-between w-full mb-4",children:[(0,t.jsxs)("div",{children:["支付金额：",(0,t.jsxs)("span",{className:"text-red-500",children:["￥",l]})]}),(0,t.jsx)("button",{type:"submit",className:"text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800",children:"立即开通"})]}),(0,t.jsxs)("ul",{className:"text-gray-600 list-disc pl-6",children:[(0,t.jsx)("li",{children:"开通会员说明："}),(0,t.jsx)("li",{className:"font-bold",children:"这只是一个演示页面，不存在真实功能！"}),(0,t.jsx)("li",{children:"本站会员账号权限为虚拟数字资源，开通后不可退款"}),(0,t.jsx)("li",{children:"开通会员后可享有对应会员特权的商品折扣，免费权限"}),(0,t.jsx)("li",{children:"会员特权到期后不享受特权"}),(0,t.jsx)("li",{children:"重复购买特权到期时间累计增加"})]})]})]})}}}]);