page-2f91fbce8146e7b9.js 9.1 KB

1
  1. (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5031],{89585:function(e,t,r){Promise.resolve().then(r.bind(r,52465))},52465:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var s=r(82267),n=r(38786),a=r(63501),i=r(88904);let l=[{id:1,name:"入门体验会员",description:"套餐包含500积分通用AI模型(AI3.5Turbo等模型)、100积分增强AI模型(AI4o大模型)、30积分高级绘画额度",price:"19.99",image:"https://aifile.ascrm.cn/system/gpts/member-a.png",days:30,basePoints:100,seniorPoints:100},{id:2,name:"季度高级会员",description:"套餐包含800积分通用AI模型(AI3.5Turbo等模型)、1000积分增强AI模型(AI4o大模型)、300积分高级绘画额度",price:"99.00",image:"https://aifile.ascrm.cn/system/gpts/member-b.png",days:120,basePoints:800,seniorPoints:1e3},{id:3,name:"年度畅享会员",description:"套餐包含3000积分通用AI模型(AI3.5Turbo等模型)、3000积分增强AI模型(AI4o大模型)、300积分高级绘画额度",price:"365.00",image:"https://aifile.ascrm.cn/system/gpts/member-c.png",days:365,basePoints:3e3,seniorPoints:3e3}];function c(){let{changeMenuIndex:e}=(0,a.useGlobalContext)(),[t,r]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("section",{className:"text-gray-600 body-font mt-6 md:mt-0",children:(0,s.jsxs)("div",{className:"w-full md:container md:px-5 md:py-24 mx-auto",children:[(0,s.jsxs)("div",{className:"flex flex-col text-center w-full",children:[(0,s.jsx)("h1",{className:"sm:text-4xl text-3xl font-medium title-font mb-2 text-gray-900 dark:text-white",children:"会员套餐"}),(0,s.jsx)("p",{className:"lg:w-2/3 mx-auto leading-relaxed text-base text-gray-500",children:"尽情探索,欢迎光临我们的在线商店、感谢您选择我们、让我们一同开启愉悦的购物之旅!"})]}),(0,s.jsx)("div",{className:"px-4 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-16",children:(0,s.jsx)("div",{className:"grid grid-cols-1 gap-2 md:grid-cols-2 md:gap-4 xl:grid-cols-3 xl:gap-8",children:l.map(e=>(0,s.jsxs)("div",{className:"rounded-2xl border border-gray-200 shadow-sm dark:border-gray-500",children:[(0,s.jsxs)("div",{className:"p-6 sm:px-8",children:[(0,s.jsx)("img",{className:"lg:h-48 md:h-36 w-full object-cover object-center rounded-2xl",src:e.image,alt:e.name}),(0,s.jsx)("h2",{className:"mt-2 text-lg font-medium text-gray-900 dark:text-white",children:e.name}),(0,s.jsx)("p",{className:"mt-2 text-gray-700 dark:text-gray-500",children:e.description}),(0,s.jsxs)("p",{className:"mt-2 sm:mt-4",children:[(0,s.jsx)("strong",{className:"text-3xl font-bold text-gray-900 sm:text-4xl dark:text-gray-300",children:e.days}),(0,s.jsx)("span",{className:"text-sm font-medium text-gray-700 dark:text-gray-500 ml-1",children:"天"})]}),(0,s.jsxs)("button",{className:"mt-4 block w-full rounded px-12 py-3 text-center text-sm font-medium text-white global-bg-color focus:outline-none focus:ring sm:mt-6 transition ease-in-out hover:-translate-y-1",onClick:()=>r(!0),children:["¥",e.price]})]}),(0,s.jsx)("div",{className:"px-6 pb-6 sm:px-8 sm:pb-8",children:(0,s.jsxs)("ul",{className:"space-y-2 text-gray-700 dark:text-gray-500",children:[(0,s.jsxs)("li",{className:"flex justify-between",children:[(0,s.jsx)("span",{children:"基础模型额度"}),(0,s.jsxs)("span",{children:[e.basePoints," 积分 "]})]}),(0,s.jsxs)("li",{className:"flex justify-between",children:[(0,s.jsx)("span",{children:"高级模型额度"}),(0,s.jsxs)("span",{children:[e.seniorPoints," 积分 "]})]})]})})]},e.id))})})]})}),t&&(0,s.jsxs)("div",{className:"pay-box",children:[(0,s.jsx)("div",{className:"pay-mask"}),(0,s.jsxs)("div",{className:"pay-div p-7 bg-white dark:bg-gray-900 text-base rounded w-11/12 lg:w-full max-w-screen-lg",children:[(0,s.jsx)(i.tgW,{className:"absolute right-2.5 top-2.5 w-8 h-8 cursor-pointer transform duration-500 ease-in-out hover:scale-125 text-gray-500",onClick:()=>{r(!1)}}),(0,s.jsx)("h2",{className:"text-xl global-txt-color",children:"会员套餐支付"}),(0,s.jsxs)("div",{className:"py-10 grid grid-cols-1 md:grid-cols-2 md:gap-8",children:[(0,s.jsxs)("div",{className:"",children:[(0,s.jsxs)("div",{className:"flex",children:[(0,s.jsx)("div",{className:"w-20 text-nowrap text-left h-6 leading-8 shrink-0",children:"需要支付:"}),(0,s.jsx)("div",{className:"h-6 text-red-700 text-2xl",children:"¥19.90"})]}),(0,s.jsxs)("div",{className:"mt-4 flex ",children:[(0,s.jsx)("div",{className:"w-20 text-nowrap text-left shrink-0",children:"套餐名称:"}),(0,s.jsx)("div",{className:"text-left",children:"入门体验会员"})]}),(0,s.jsxs)("div",{className:"mt-4 flex",children:[(0,s.jsx)("div",{className:"w-20 text-nowrap text-left shrink-0",children:"套餐描述:"}),(0,s.jsx)("div",{className:"text-left w-5/6",children:"套餐包含500积分通用AI模型(AI3.5Turbo等模型)、100积分增强AI模型(AI4o大模型)、30积分高级绘画额度"})]})]}),(0,s.jsxs)("div",{className:"text-center py-4 md:py-0 mt-5 md:mt-0 border-t md:border-t-0",children:[(0,s.jsxs)("div",{children:["请在 ",(0,s.jsx)("span",{className:"text-red-700",children:"00:03:34"})," ","时间内完成支付!"]}),(0,s.jsx)("div",{className:"w-full pt-3",children:(0,s.jsxs)("div",{className:"relative w-72 mx-auto p-3 border rounded",children:[(0,s.jsx)("img",{src:"/temp/wxpay.png",className:"w-12 bg-white p-1 div-center"}),(0,s.jsx)("img",{src:"/temp/qrcode.png"})]})}),(0,s.jsx)("div",{className:"mt-2",children:"打开微信扫码支付"})]})]})]})]})]})}},63501:function(e,t,r){"use strict";r.r(t),r.d(t,{GlobalProvider:function(){return i},useGlobalContext:function(){return l}});var s=r(82267),n=r(38786);let a=(0,n.createContext)(null),i=e=>{let{children:t}=e,[r,i]=(0,n.useState)(0),[l,c]=(0,n.useState)(!1),[o,d]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{},[]),(0,s.jsx)(a.Provider,{value:{menuIndex:r,changeMenuIndex:e=>{i(e)},loginShow:l,changeLoginShow:e=>{c(e)},uploadUserInfoState:o,changeUploadUserInfoState:e=>{d(e)}},children:t})},l=()=>(0,n.useContext)(a)},96766:function(e,t,r){"use strict";var s=r(38786),n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function o(e,t,r){var s,a={},o=null,d=null;for(s in void 0!==r&&(o=""+r),void 0!==t.key&&(o=""+t.key),void 0!==t.ref&&(d=t.ref),t)i.call(t,s)&&!c.hasOwnProperty(s)&&(a[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps)void 0===a[s]&&(a[s]=t[s]);return{$$typeof:n,type:e,key:o,ref:d,props:a,_owner:l.current}}t.Fragment=a,t.jsx=o,t.jsxs=o},82267:function(e,t,r){"use strict";e.exports=r(96766)},66672:function(e,t,r){"use strict";r.d(t,{w_:function(){return d}});var s=r(38786),n={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},a=s.createContext&&s.createContext(n),i=["attr","size","title"];function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e}).apply(this,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,s)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){var s,n;s=t,n=r[t],(s=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var s=r.call(e,t||"default");if("object"!=typeof s)return s;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(s))in e?Object.defineProperty(e,s,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[s]=n}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function d(e){return t=>s.createElement(m,l({attr:o({},e.attr)},t),function e(t){return t&&t.map((t,r)=>s.createElement(t.tag,o({key:r},t.attr),e(t.child)))}(e.child))}function m(e){var t=t=>{var r,{attr:n,size:a,title:c}=e,d=function(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r={};for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s)){if(t.indexOf(s)>=0)continue;r[s]=e[s]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(s=0;s<a.length;s++)r=a[s],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(e,i),m=a||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),s.createElement("svg",l({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,d,{className:r,style:o(o({color:e.color||t.color},t.style),e.style),height:m,width:m,xmlns:"http://www.w3.org/2000/svg"}),c&&s.createElement("title",null,c),e.children)};return void 0!==a?s.createElement(a.Consumer,null,e=>t(e)):t(n)}}},function(e){e.O(0,[6407,3463,7717,1744],function(){return e(e.s=89585)}),_N_E=e.O()}]);