diff --git a/design-system.html b/design-system.html index f950fc6..cff1fdb 100644 --- a/design-system.html +++ b/design-system.html @@ -834,11 +834,11 @@ .mini-tabbar { display: flex; align-items: center; - height: 56px; + height: 58px; padding: 4px 4px calc(4px + env(safe-area-inset-bottom, 0px)); background: rgba(255, 255, 255, 0.55); border: 1px solid var(--glass-line); - border-radius: var(--radius-lg); + border-radius: 32px; box-shadow: 0 -2px 12px rgba(46, 38, 34, 0.1); backdrop-filter: blur(32px) saturate(1.2); -webkit-backdrop-filter: blur(32px) saturate(1.2); @@ -970,7 +970,7 @@ } .phone-screen .mini-tabbar { - margin: 0 12px 12px; + margin: 0 18px 18px; } .phone-content { @@ -1756,7 +1756,7 @@
暂无设计任务
创建第一个任务，把想法变成可预览的方案。
- + @@ -2011,9 +2011,7 @@
11:18
- - - + 我的设计清单 管理
diff --git a/dist/app-origin.wxss b/dist/app-origin.wxss new file mode 100644 index 0000000..cb08155 --- /dev/null +++ b/dist/app-origin.wxss @@ -0,0 +1 @@ +.theme-light{background-color:var(--bg-page,#fff);-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.theme-dark{background-color:var(--bg-page,#191919);-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.theme-light{--bg-page:#faf7f2;--bg-card:#fff;--bg-muted:#f3eee7;--bg-input:#f5f1eb;--text-primary:#2e2622;--text-secondary:#8a7e76;--text-muted:#b3a89e;--accent-primary:#d96c6a;--accent-primary-strong:#c75b59;--accent-primary-soft:#f6e0dc;--accent-secondary:#6c7bdb;--accent-secondary-soft:rgba(108,123,219,.12);--success:#4fa477;--success-soft:rgba(79,164,119,.14);--warning:#d99a4e;--warning-soft:rgba(217,154,78,.14);--danger:#d85d5d;--danger-soft:rgba(216,93,93,.14);--border:#ede5dc;--border-strong:#e0d5c8;--glass:hsla(0,0%,100%,.72);--glass-line:hsla(0,0%,100%,.55);--shadow-card:0 8rpx 24rpx rgba(46,38,34,.08);--shadow-elevated:0 12rpx 40rpx rgba(46,38,34,.12)}.theme-dark{--bg-page:#191919;--bg-card:#23201d;--bg-muted:#2b2622;--bg-input:#2b2622;--text-primary:#f5efe8;--text-secondary:#b3a79c;--text-muted:#82766c;--accent-primary:#f09198;--accent-primary-strong:#ffa7ad;--accent-primary-soft:rgba(240,145,152,.14);--accent-secondary:#8e97e8;--accent-secondary-soft:rgba(142,151,232,.14);--success:#67c58e;--success-soft:rgba(103,197,142,.16);--warning:#e0ad68;--warning-soft:hsla(35,66%,64%,.16);--danger:#ef7a7a;--danger-soft:hsla(0,79%,71%,.16);--border:#37312c;--border-strong:#463e37;--glass:rgba(25,25,25,.72);--glass-line:hsla(0,0%,100%,.14);--shadow-card:0 8rpx 24rpx rgba(0,0,0,.32);--shadow-elevated:0 12rpx 40rpx rgba(0,0,0,.48)}page{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,Segoe UI,sans-serif}.surface-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.container{padding:48rpx}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-center{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.flex-between{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.flex-column{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.text-center{text-align:center}.mt-10{margin-top:20rpx}.mt-20{margin-top:40rpx}.mb-10{margin-bottom:20rpx}.mb-20{margin-bottom:40rpx}.btn-primary{background:var(--accent-primary);border-radius:999rpx;color:#fff}.btn-secondary{background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:999rpx;color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--accent-primary)}.btn-danger{background:var(--danger);border-radius:999rpx;color:#fff}.page-title{color:var(--text-primary);display:block;font-size:80rpx;font-weight:800}.section-title{color:var(--text-primary);display:block;font-size:72rpx;font-weight:700;margin-bottom:48rpx}.badge{border-radius:100rpx;display:inline-block;font-size:44rpx;font-weight:500;padding:16rpx 40rpx}.badge-pink{background:var(--accent-primary-soft);color:var(--accent-primary)}.badge-blue{background:var(--accent-secondary-soft);color:var(--accent-secondary)}.badge-green{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-gray{background:var(--bg-muted);color:var(--text-secondary)}.safe-bottom{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.safe-bottom-placeholder{height:400rpx}.page-header{padding-top:calc(env(safe-area-inset-top, 20rpx) + 96rpx)}.back-btn,.edit-back{display:inline-block}.modal-overlay{-ms-flex-align:end;-ms-flex-pack:center;-webkit-align-items:flex-end;align-items:flex-end;background:rgba(0,0,0,.5);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:600}.addr-picker-sheet{background:var(--bg-card);border-radius:48rpx 48rpx 0 0;border-top:1rpx solid var(--border);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:70vh;padding:48rpx 48rpx calc(48rpx + env(safe-area-inset-bottom));width:100%}.system-theme-detector{height:1rpx;left:-9999rpx;opacity:0;pointer-events:none;position:fixed;top:0;width:1rpx}@media (prefers-color-scheme:dark){.system-theme-detector{opacity:1}} \ No newline at end of file diff --git a/dist/app.js b/dist/app.js index 9cacf3c..bdeb100 100644 --- a/dist/app.js +++ b/dist/app.js @@ -1,2 +1,2 @@ /*! For license information please see app.js.LICENSE.txt */ -require("./common"),require("./vendors"),require("./taro"),require("./runtime"),(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[524],{4247:function(e,n,t){"use strict";t(6882);var r=t(7842),l=t(1291),a=t(758),u=t.n(a),i=t(3029),o=t(2901),s=t(6919),c=t(5501),f=t(6540),d=t.t(f,2),p=t(9703),h=t(8594),g=t(6606),m=t(3246),v=t(1212),b=t(467),y=null;function S(){return y||(y=k().finally(function(){y=null}),y)}function k(){return x.apply(this,arguments)}function x(){return x=(0,b.A)((0,v.A)().m(function e(){var n,t,r,l;return(0,v.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(n=(0,h.Q4)(),null!==n&&void 0!==n&&n.openid&&!(0,h.Ic)(n.openid)){e.n=1;break}return e.a(2,!1);case 1:return e.p=1,e.n=2,u().login();case 2:if(t=e.v,t.code){e.n=3;break}return e.a(2,!1);case 3:return e.n=4,m.Ay.post("/api/auth/login",{code:t.code},{auth:!1,skipAuthRefresh:!0});case 4:if(r=e.v,null!==r&&void 0!==r&&r.accessToken){e.n=5;break}return e.a(2,!1);case 5:return(0,m.WG)(r.accessToken),e.n=6,m.Ay.get("/api/users/me",{skipAuthRefresh:!0});case 6:if(l=e.v,(null===l||void 0===l?void 0:l.openid)!==n.openid){e.n=7;break}return e.a(2,!0);case 7:return(0,m.L)(),(0,h.Hf)(),e.a(2,!1);case 8:return e.p=8,e.v,e.a(2,!1)}},e,null,[[1,8]])})),x.apply(this,arguments)}function w(){return z.apply(this,arguments)}function z(){return z=(0,b.A)((0,v.A)().m(function e(){var n,t,r;return(0,v.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(n=(0,h.Q4)(),null!==n&&void 0!==n&&n.openid&&!(0,h.Ic)(n.openid)){e.n=1;break}return e.a(2,!1);case 1:if((0,m.gf)()){e.n=2;break}return e.a(2,S());case 2:return e.p=2,e.n=3,m.Ay.get("/api/users/me",{skipAuthRefresh:!0});case 3:return e.a(2,!0);case 4:if(e.p=4,r=e.v,t=null===r||void 0===r?void 0:r.statusCode,401!==t){e.n=5;break}return e.a(2,S());case 5:return e.a(2,!!(0,m.gf)())}},e,null,[[2,4]])})),z.apply(this,arguments)}var N=t(4848),E=function(e){function n(){return(0,i.A)(this,n),(0,s.A)(this,n,arguments)}return(0,c.A)(n,e),(0,o.A)(n,[{key:"componentDidMount",value:function(){(0,g.G)((0,h.eW)((0,h.O4)())),(0,m.q)(S),w()}},{key:"componentDidShow",value:function(){}},{key:"componentDidHide",value:function(){}},{key:"render",value:function(){return(0,N.jsx)(p.NP,{children:this.props.children})}}])}(f.Component),P=E,C=t(7260),_={darkmode:!0,themeLocation:"theme.json",pages:["pages/index/index","pages/shop/index","pages/shop/detail/index","pages/product/index","pages/diy/index","pages/diy/stickerEdit/index","pages/checkout/index","pages/designList/index","pages/orders/index","pages/profile/index","pages/service/index","pages/wordcloud/index","pages/orderDetail/index","pages/address/index","pages/settings/index","pages/agreement/index","pages/userDatabase/index"],window:{backgroundTextStyle:"dark",navigationStyle:"custom",navigationBarBackgroundColor:"#ffffff",backgroundColor:"#ffffff",backgroundColorTop:"#ffffff",backgroundColorBottom:"#ffffff",navigationBarTextStyle:"black"},tabBar:{custom:!0,list:[{pagePath:"pages/index/index",text:"\u9996\u9875"},{pagePath:"pages/shop/index",text:"\u5546\u54c1"},{pagePath:"pages/designList/index",text:"\u8bbe\u8ba1\u6e05\u5355"},{pagePath:"pages/orders/index",text:"\u8ba2\u5355"},{pagePath:"pages/profile/index",text:"\u6211\u7684"}]}};r.window.__taroAppConfig=_;App((0,l.ND)(P,d,C.Ay,_));(0,a.initPxTransform)({designWidth:750,deviceRatio:{640:1.17,750:1,828:.905},baseFontSize:20,unitPrecision:void 0,targetUnit:void 0})},735:function(e,n){"use strict";n.DefaultEventPriority=16},2935:function(e,n,t){e.exports=function(e){var n={},r=t(6540),l=t(8585),a=Object.assign;function u(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;ti||l[u]!==a[i]){var o="\n"+l[u].replace(" at new "," at ");return e.displayName&&o.includes("")&&(o=o.replace("",e.displayName)),o}}while(1<=u&&0<=i);break}}}finally{nn=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?en(e):""}var rn=Object.prototype.hasOwnProperty,ln=[],an=-1;function un(e){return{current:e}}function on(e){0>an||(e.current=ln[an],ln[an]=null,an--)}function sn(e,n){an++,ln[an]=e.current,e.current=n}var cn={},fn=un(cn),dn=un(!1),pn=cn;function hn(e,n){var t=e.type.contextTypes;if(!t)return cn;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var l,a={};for(l in t)a[l]=n[l];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function gn(e){return e=e.childContextTypes,null!==e&&void 0!==e}function mn(){on(dn),on(fn)}function vn(e,n,t){if(fn.current!==cn)throw Error(u(168));sn(fn,n),sn(dn,t)}function bn(e,n,t){var r=e.stateNode;if(n=n.childContextTypes,"function"!==typeof r.getChildContext)return t;for(var l in r=r.getChildContext(),r)if(!(l in n))throw Error(u(108,z(e)||"Unknown",l));return a({},t,r)}function yn(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||cn,pn=fn.current,sn(fn,e),sn(dn,dn.current),!0}function Sn(e,n,t){var r=e.stateNode;if(!r)throw Error(u(169));t?(e=bn(e,n,pn),r.__reactInternalMemoizedMergedChildContext=e,on(dn),on(fn),sn(fn,e)):on(dn),sn(dn,t)}var kn=Math.clz32?Math.clz32:zn,xn=Math.log,wn=Math.LN2;function zn(e){return e>>>=0,0===e?32:31-(xn(e)/wn|0)|0}var Nn=64,En=4194304;function Pn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Cn(e,n){var t=e.pendingLanes;if(0===t)return 0;var r=0,l=e.suspendedLanes,a=e.pingedLanes,u=268435455&t;if(0!==u){var i=u&~l;0!==i?r=Pn(i):(a&=u,0!==a&&(r=Pn(a)))}else u=t&~l,0!==u?r=Pn(u):0!==a&&(r=Pn(a));if(0===r)return 0;if(0!==n&&n!==r&&0===(n&l)&&(l=r&-r,a=n&-n,l>=a||16===l&&0!==(4194240&a)))return n;if(0!==(4&r)&&(r|=16&t),n=e.entangledLanes,0!==n)for(e=e.entanglements,n&=r;0t;t++)n.push(e);return n}function Rn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,n=31-kn(n),e[n]=t}function Fn(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0>=u,l-=u,At=1<<32-kn(n)+l|t<d?(p=f,f=null):p=f.sibling;var h=m(l,f,i[d],o);if(null===h){null===f&&(f=p);break}e&&f&&null===h.alternate&&n(l,f),u=a(h,u,d),null===c?s=h:c.sibling=h,c=h,f=p}if(d===i.length)return t(l,f),Jt&&Ot(l,d),s;if(null===f){for(;dp?(h=d,d=null):h=d.sibling;var y=m(l,d,b.value,s);if(null===y){null===d&&(d=h);break}e&&d&&null===y.alternate&&n(l,d),i=a(y,i,p),null===f?c=y:f.sibling=y,f=y,d=h}if(b.done)return t(l,d),Jt&&Ot(l,p),c;if(null===d){for(;!b.done;p++,b=o.next())b=g(l,b.value,s),null!==b&&(i=a(b,i,p),null===f?c=b:f.sibling=b,f=b);return Jt&&Ot(l,p),c}for(d=r(l,d);!b.done;p++,b=o.next())b=v(d,l,p,b.value,s),null!==b&&(e&&null!==b.alternate&&d.delete(null===b.key?p:b.key),i=a(b,i,p),null===f?c=b:f.sibling=b,f=b);return e&&d.forEach(function(e){return n(l,e)}),Jt&&Ot(l,p),c}function k(e,r,a,u){if("object"===typeof a&&null!==a&&a.type===c&&null===a.key&&(a=a.props.children),"object"===typeof a&&null!==a){switch(a.$$typeof){case o:e:{for(var f=a.key,d=r;null!==d;){if(d.key===f){if(f=a.type,f===c){if(7===d.tag){t(e,d.sibling),r=l(d,a.props.children),r.return=e,e=r;break e}}else if(d.elementType===f||"object"===typeof f&&null!==f&&f.$$typeof===y&&sr(f)===d.type){t(e,d.sibling),r=l(d,a.props),r.ref=ir(e,d,a),r.return=e,e=r;break e}t(e,d);break}n(e,d),d=d.sibling}a.type===c?(r=pi(a.props.children,e.mode,u,a.key),r.return=e,e=r):(u=di(a.type,a.key,a.props,null,e.mode,u),u.ref=ir(e,r,a),u.return=e,e=u)}return i(e);case s:e:{for(d=a.key;null!==r;){if(r.key===d){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){t(e,r.sibling),r=l(r,a.children||[]),r.return=e,e=r;break e}t(e,r);break}n(e,r),r=r.sibling}r=mi(a,e.mode,u),r.return=e,e=r}return i(e);case y:return d=a._init,k(e,r,d(a._payload),u)}if(T(a))return b(e,r,a,u);if(x(a))return S(e,r,a,u);or(e,a)}return"string"===typeof a&&""!==a||"number"===typeof a?(a=""+a,null!==r&&6===r.tag?(t(e,r.sibling),r=l(r,a),r.return=e,e=r):(t(e,r),r=gi(a,e.mode,u),r.return=e,e=r),i(e)):t(e,r)}return k}var fr=cr(!0),dr=cr(!1),pr={},hr=un(pr),gr=un(pr),mr=un(pr);function vr(e){if(e===pr)throw Error(u(174));return e}function br(e,n){sn(mr,n),sn(gr,e),sn(hr,pr),e=F(n),on(hr),sn(hr,e)}function yr(){on(hr),on(gr),on(mr)}function Sr(e){var n=vr(mr.current),t=vr(hr.current);n=U(t,e.type,n),t!==n&&(sn(gr,e),sn(hr,n))}function kr(e){gr.current===e&&(on(hr),on(gr))}var xr=un(0);function wr(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(t=t.dehydrated,null===t||Me(t)||De(t)))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!==(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var zr=[];function Nr(){for(var e=0;et?t:4,e(!0);var r=Pr.transition;Pr.transition={};try{e(!1),n()}finally{Mn=t,Pr.transition=r}}function dl(){return Wr().memoizedState}function pl(e,n,t){var r=Lu(e);t={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null},gl(e)?ml(n,t):(vl(e,n,t),t=_u(),e=Iu(e,r,t),null!==e&&bl(e,n,r))}function hl(e,n,t){var r=Lu(e),l={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null};if(gl(e))ml(n,l);else{vl(e,n,l);var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&(a=n.lastRenderedReducer,null!==a))try{var u=n.lastRenderedState,i=a(u,t);if(l.hasEagerState=!0,l.eagerState=i,Kn(i,u))return}catch(e){}t=_u(),e=Iu(e,r,t),null!==e&&bl(e,n,r)}}function gl(e){var n=e.alternate;return e===_r||null!==n&&n===_r}function ml(e,n){Rr=Tr=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function vl(e,n,t){null!==ru&&0!==(1&e.mode)&&0===(2&tu)?(e=n.interleaved,null===e?(t.next=t,null===bt?bt=[n]:bt.push(n)):(t.next=e.next,e.next=t),n.interleaved=t):(e=n.pending,null===e?t.next=t:(t.next=e.next,e.next=t),n.pending=t)}function bl(e,n,t){if(0!==(4194240&t)){var r=n.lanes;r&=e.pendingLanes,t|=r,n.lanes=t,Un(e,t)}}var yl={readContext:vt,useCallback:Mr,useContext:Mr,useEffect:Mr,useImperativeHandle:Mr,useInsertionEffect:Mr,useLayoutEffect:Mr,useMemo:Mr,useReducer:Mr,useRef:Mr,useState:Mr,useDebugValue:Mr,useDeferredValue:Mr,useTransition:Mr,useMutableSource:Mr,useSyncExternalStore:Mr,useId:Mr,unstable_isNewReconciler:!1},Sl={readContext:vt,useCallback:function(e,n){return Br().memoizedState=[e,void 0===n?null:n],e},useContext:vt,useEffect:tl,useImperativeHandle:function(e,n,t){return t=null!==t&&void 0!==t?t.concat([e]):null,el(4194308,4,ul.bind(null,n,e),t)},useLayoutEffect:function(e,n){return el(4194308,4,e,n)},useInsertionEffect:function(e,n){return el(4,2,e,n)},useMemo:function(e,n){var t=Br();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var r=Br();return n=void 0!==t?t(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=pl.bind(null,_r,e),[r.memoizedState,e]},useRef:function(e){var n=Br();return e={current:e},n.memoizedState=e},useState:Kr,useDebugValue:ol,useDeferredValue:function(e){var n=Kr(e),t=n[0],r=n[1];return tl(function(){var n=Pr.transition;Pr.transition={};try{r(e)}finally{Pr.transition=n}},[e]),t},useTransition:function(){var e=Kr(!1),n=e[0];return e=fl.bind(null,e[1]),Br().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var r=_r,l=Br();if(Jt){if(void 0===t)throw Error(u(407));t=t()}else{if(t=n(),null===ru)throw Error(u(349));0!==(30&Cr)||qr(r,n,t)}l.memoizedState=t;var a={value:t,getSnapshot:n};return l.queue=a,tl(Yr.bind(null,r,a,e),[e]),r.flags|=2048,Xr(9,Gr.bind(null,r,a,t,n),void 0,null),t},useId:function(){var e=Br(),n=ru.identifierPrefix;if(Jt){var t=jt,r=At;t=(r&~(1<<32-kn(r)-1)).toString(32)+t,n=":"+n+"R"+t,t=Fr++,0mu&&(n.flags|=128,r=!0,Ql(l,!1),n.lanes=4194304)}else{if(!r)if(e=wr(a),null!==e){if(n.flags|=128,r=!0,e=e.updateQueue,null!==e&&(n.updateQueue=e,n.flags|=4),Ql(l,!0),null===l.tail&&"hidden"===l.tailMode&&!a.alternate&&!Jt)return Hl(n),null}else 2*An()-l.renderingStartTime>mu&&1073741824!==t&&(n.flags|=128,r=!0,Ql(l,!1),n.lanes=4194304);l.isBackwards?(a.sibling=n.child,n.child=a):(e=l.last,null!==e?e.sibling=a:n.child=a,l.last=a)}return null!==l.tail?(n=l.tail,l.rendering=n,l.tail=n.sibling,l.renderingStartTime=An(),n.sibling=null,e=xr.current,sn(xr,r?1&e|2:1&e),n):(Hl(n),null);case 22:case 23:return Wu(),r=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==r&&(n.flags|=8192),r&&0!==(1&n.mode)?0!==(1073741824&uu)&&(Hl(n),G&&6&n.subtreeFlags&&(n.flags|=8192)):Hl(n),null;case 24:return null;case 25:return null}throw Error(u(156,n.tag))}var Wl=i.ReactCurrentOwner,Al=!1;function jl(e,n,t,r){n.child=null===e?dr(n,null,t,r):fr(n,e.child,t,r)}function Ol(e,n,t,r,l){t=t.render;var a=n.ref;return mt(n,l),r=Qr(e,n,t,r,a,l),t=Hr(),null===e||Al?(Jt&&t&&Vt(n),n.flags|=1,jl(e,n,r,l),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,ca(e,n,l))}function $l(e,n,t,r,l){if(null===e){var a=t.type;return"function"!==typeof a||si(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?(e=di(t.type,null,r,n,n.mode,l),e.ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,Vl(e,n,a,r,l))}if(a=e.child,0===(e.lanes&l)){var u=a.memoizedProps;if(t=t.compare,t=null!==t?t:at,t(u,r)&&e.ref===n.ref)return ca(e,n,l)}return n.flags|=1,e=fi(a,r),e.ref=n.ref,e.return=n,n.child=e}function Vl(e,n,t,r,l){if(null!==e&&at(e.memoizedProps,r)&&e.ref===n.ref){if(Al=!1,0===(e.lanes&l))return n.lanes=e.lanes,ca(e,n,l);0!==(131072&e.flags)&&(Al=!0)}return Yl(e,n,t,r,l)}function ql(e,n,t){var r=n.pendingProps,l=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0===(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null},sn(iu,uu),uu|=t;else{if(0===(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null},n.updateQueue=null,sn(iu,uu),uu|=e,null;n.memoizedState={baseLanes:0,cachePool:null},r=null!==a?a.baseLanes:t,sn(iu,uu),uu|=r}else null!==a?(r=a.baseLanes|t,n.memoizedState=null):r=t,sn(iu,uu),uu|=r;return jl(e,n,l,t),n.child}function Gl(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Yl(e,n,t,r,l){var a=gn(t)?pn:fn.current;return a=hn(n,a),mt(n,l),t=Qr(e,n,t,r,a,l),r=Hr(),null===e||Al?(Jt&&r&&Vt(n),n.flags|=1,jl(e,n,t,l),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,ca(e,n,l))}function Jl(e,n,t,r,l){if(gn(t)){var a=!0;yn(n)}else a=!1;if(mt(n,l),null===n.stateNode)null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2),Tt(n,t,r),Ft(n,t,r,l),r=!0;else if(null===e){var u=n.stateNode,i=n.memoizedProps;u.props=i;var o=u.context,s=t.contextType;"object"===typeof s&&null!==s?s=vt(s):(s=gn(t)?pn:fn.current,s=hn(n,s));var c=t.getDerivedStateFromProps,f="function"===typeof c||"function"===typeof u.getSnapshotBeforeUpdate;f||"function"!==typeof u.UNSAFE_componentWillReceiveProps&&"function"!==typeof u.componentWillReceiveProps||(i!==r||o!==s)&&Rt(n,u,r,s),yt=!1;var d=n.memoizedState;u.state=d,Et(n,r,u,l),o=n.memoizedState,i!==r||d!==o||dn.current||yt?("function"===typeof c&&(_t(n,t,c,r),o=n.memoizedState),(i=yt||It(n,t,i,r,d,o,s))?(f||"function"!==typeof u.UNSAFE_componentWillMount&&"function"!==typeof u.componentWillMount||("function"===typeof u.componentWillMount&&u.componentWillMount(),"function"===typeof u.UNSAFE_componentWillMount&&u.UNSAFE_componentWillMount()),"function"===typeof u.componentDidMount&&(n.flags|=4194308)):("function"===typeof u.componentDidMount&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=o),u.props=r,u.state=o,u.context=s,r=i):("function"===typeof u.componentDidMount&&(n.flags|=4194308),r=!1)}else{u=n.stateNode,kt(e,n),i=n.memoizedProps,s=n.type===n.elementType?i:it(n.type,i),u.props=s,f=n.pendingProps,d=u.context,o=t.contextType,"object"===typeof o&&null!==o?o=vt(o):(o=gn(t)?pn:fn.current,o=hn(n,o));var p=t.getDerivedStateFromProps;(c="function"===typeof p||"function"===typeof u.getSnapshotBeforeUpdate)||"function"!==typeof u.UNSAFE_componentWillReceiveProps&&"function"!==typeof u.componentWillReceiveProps||(i!==f||d!==o)&&Rt(n,u,r,o),yt=!1,d=n.memoizedState,u.state=d,Et(n,r,u,l);var h=n.memoizedState;i!==f||d!==h||dn.current||yt?("function"===typeof p&&(_t(n,t,p,r),h=n.memoizedState),(s=yt||It(n,t,s,r,d,h,o)||!1)?(c||"function"!==typeof u.UNSAFE_componentWillUpdate&&"function"!==typeof u.componentWillUpdate||("function"===typeof u.componentWillUpdate&&u.componentWillUpdate(r,h,o),"function"===typeof u.UNSAFE_componentWillUpdate&&u.UNSAFE_componentWillUpdate(r,h,o)),"function"===typeof u.componentDidUpdate&&(n.flags|=4),"function"===typeof u.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!==typeof u.componentDidUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=4),"function"!==typeof u.getSnapshotBeforeUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=h),u.props=r,u.state=h,u.context=o,r=s):("function"!==typeof u.componentDidUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=4),"function"!==typeof u.getSnapshotBeforeUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=1024),r=!1)}return Kl(e,n,t,r,a,l)}function Kl(e,n,t,r,l,a){Gl(e,n);var u=0!==(128&n.flags);if(!r&&!u)return l&&Sn(n,t,!1),ca(e,n,a);r=n.stateNode,Wl.current=n;var i=u&&"function"!==typeof t.getDerivedStateFromError?null:r.render();return n.flags|=1,null!==e&&u?(n.child=fr(n,e.child,null,a),n.child=fr(n,null,i,a)):jl(e,n,i,a),n.memoizedState=r.state,l&&Sn(n,t,!0),n.child}function Xl(e){var n=e.stateNode;n.pendingContext?vn(e,n.pendingContext,n.pendingContext!==n.context):n.context&&vn(e,n.context,!1),br(e,n.containerInfo)}function Zl(e,n,t,r,l){return ar(),ur(l),n.flags|=256,jl(e,n,t,r),n.child}var ea={dehydrated:null,treeContext:null,retryLane:0};function na(e){return{baseLanes:e,cachePool:null}}function ta(e,n,t){var r,l=n.pendingProps,a=xr.current,i=!1,o=0!==(128&n.flags);if((r=o)||(r=(null===e||null!==e.memoizedState)&&0!==(2&a)),r?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(a|=1),sn(xr,1&a),null===e)return tr(n),e=n.memoizedState,null!==e&&(e=e.dehydrated,null!==e)?(0===(1&n.mode)?n.lanes=1:De(e)?n.lanes=8:n.lanes=1073741824,null):(a=l.children,e=l.fallback,i?(l=n.mode,i=n.child,a={mode:"hidden",children:a},0===(1&l)&&null!==i?(i.childLanes=0,i.pendingProps=a):i=hi(a,l,0,null),e=pi(e,l,t,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=na(t),n.memoizedState=ea,e):ra(n,a));if(a=e.memoizedState,null!==a){if(r=a.dehydrated,null!==r){if(o)return 256&n.flags?(n.flags&=-257,ua(e,n,t,Error(u(422)))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(i=l.fallback,a=n.mode,l=hi({mode:"visible",children:l.children},a,0,null),i=pi(i,a,t,null),i.flags|=2,l.return=n,i.return=n,l.sibling=i,n.child=l,0!==(1&n.mode)&&fr(n,e.child,null,t),n.child.memoizedState=na(t),n.memoizedState=ea,i);if(0===(1&n.mode))n=ua(e,n,t,null);else if(De(r))n=ua(e,n,t,Error(u(419)));else if(l=0!==(t&e.childLanes),Al||l){if(l=ru,null!==l){switch(t&-t){case 4:i=2;break;case 16:i=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:i=32;break;case 536870912:i=268435456;break;default:i=0}l=0!==(i&(l.suspendedLanes|t))?0:i,0!==l&&l!==a.retryLane&&(a.retryLane=l,Iu(e,l,-1))}$u(),n=ua(e,n,t,Error(u(421)))}else Me(r)?(n.flags|=128,n.child=e.child,n=li.bind(null,e),Qe(r,n),n=null):(t=a.treeContext,J&&(Yt=Ae(r),Gt=n,Jt=!0,Xt=null,Kt=!1,null!==t&&(Ht[Bt++]=At,Ht[Bt++]=jt,Ht[Bt++]=Wt,At=t.id,jt=t.overflow,Wt=n)),n=ra(n,n.pendingProps.children),n.flags|=4096);return n}return i?(l=aa(e,n,l.children,l.fallback,t),i=n.child,a=e.child.memoizedState,i.memoizedState=null===a?na(t):{baseLanes:a.baseLanes|t,cachePool:null},i.childLanes=e.childLanes&~t,n.memoizedState=ea,l):(t=la(e,n,l.children,t),n.memoizedState=null,t)}return i?(l=aa(e,n,l.children,l.fallback,t),i=n.child,a=e.child.memoizedState,i.memoizedState=null===a?na(t):{baseLanes:a.baseLanes|t,cachePool:null},i.childLanes=e.childLanes&~t,n.memoizedState=ea,l):(t=la(e,n,l.children,t),n.memoizedState=null,t)}function ra(e,n){return n=hi({mode:"visible",children:n},e.mode,0,null),n.return=e,e.child=n}function la(e,n,t,r){var l=e.child;return e=l.sibling,t=fi(l,{mode:"visible",children:t}),0===(1&n.mode)&&(t.lanes=r),t.return=n,t.sibling=null,null!==e&&(r=n.deletions,null===r?(n.deletions=[e],n.flags|=16):r.push(e)),n.child=t}function aa(e,n,t,r,l){var a=n.mode;e=e.child;var u=e.sibling,i={mode:"hidden",children:t};return 0===(1&a)&&n.child!==e?(t=n.child,t.childLanes=0,t.pendingProps=i,n.deletions=null):(t=fi(e,i),t.subtreeFlags=14680064&e.subtreeFlags),null!==u?r=fi(u,r):(r=pi(r,a,l,null),r.flags|=2),r.return=n,t.return=n,t.sibling=r,n.child=t,r}function ua(e,n,t,r){return null!==r&&ur(r),fr(n,e.child,null,t),e=ra(n,n.pendingProps.children),e.flags|=2,n.memoizedState=null,e}function ia(e,n,t){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),gt(e.return,n,t)}function oa(e,n,t,r,l){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:t,tailMode:l}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=t,a.tailMode=l)}function sa(e,n,t){var r=n.pendingProps,l=r.revealOrder,a=r.tail;if(jl(e,n,r.children,t),r=xr.current,0!==(2&r))r=1&r|2,n.flags|=128;else{if(null!==e&&0!==(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ia(e,t,n);else if(19===e.tag)ia(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(sn(xr,r),0===(1&n.mode))n.memoizedState=null;else switch(l){case"forwards":for(t=n.child,l=null;null!==t;)e=t.alternate,null!==e&&null===wr(e)&&(l=t),t=t.sibling;t=l,null===t?(l=n.child,n.child=null):(l=t.sibling,t.sibling=null),oa(n,!1,l,t,a);break;case"backwards":for(t=null,l=n.child,n.child=null;null!==l;){if(e=l.alternate,null!==e&&null===wr(e)){n.child=l;break}e=l.sibling,l.sibling=t,t=l,l=e}oa(n,!0,t,null,a);break;case"together":oa(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function ca(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),cu|=n.lanes,0===(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(u(153));if(null!==n.child){for(e=n.child,t=fi(e,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,t=t.sibling=fi(e,e.pendingProps),t.return=n;t.sibling=null}return n.child}function fa(e,n,t){switch(n.tag){case 3:Xl(n),ar();break;case 5:Sr(n);break;case 1:gn(n.type)&&yn(n);break;case 4:br(n,n.stateNode.containerInfo);break;case 10:pt(n,n.type._context,n.memoizedProps.value);break;case 13:var r=n.memoizedState;if(null!==r)return null!==r.dehydrated?(sn(xr,1&xr.current),n.flags|=128,null):0!==(t&n.child.childLanes)?ta(e,n,t):(sn(xr,1&xr.current),e=ca(e,n,t),null!==e?e.sibling:null);sn(xr,1&xr.current);break;case 19:if(r=0!==(t&n.childLanes),0!==(128&e.flags)){if(r)return sa(e,n,t);n.flags|=128}var l=n.memoizedState;if(null!==l&&(l.rendering=null,l.tail=null,l.lastEffect=null),sn(xr,xr.current),r)break;return null;case 22:case 23:return n.lanes=0,ql(e,n,t)}return ca(e,n,t)}function da(e,n){switch(qt(n),n.tag){case 1:return gn(n.type)&&mn(),e=n.flags,65536&e?(n.flags=-65537&e|128,n):null;case 3:return yr(),on(dn),on(fn),Nr(),e=n.flags,0!==(65536&e)&&0===(128&e)?(n.flags=-65537&e|128,n):null;case 5:return kr(n),null;case 13:if(on(xr),e=n.memoizedState,null!==e&&null!==e.dehydrated){if(null===n.alternate)throw Error(u(340));ar()}return e=n.flags,65536&e?(n.flags=-65537&e|128,n):null;case 19:return on(xr),null;case 4:return yr(),null;case 10:return ht(n.type._context),null;case 22:case 23:return Wu(),null;case 24:return null;default:return null}}var pa=!1,ha=!1,ga="function"===typeof WeakSet?WeakSet:Set,ma=null;function va(e,n){var t=e.ref;if(null!==t)if("function"===typeof t)try{t(null)}catch(t){ni(e,n,t)}else t.current=null}function ba(e,n,t){try{t()}catch(t){ni(e,n,t)}}var ya=!1;function Sa(e,n){for(M(e.containerInfo),ma=n;null!==ma;)if(e=ma,n=e.child,0!==(1028&e.subtreeFlags)&&null!==n)n.return=e,ma=n;else for(;null!==ma;){e=ma;try{var t=e.alternate;if(0!==(1024&e.flags))switch(e.tag){case 0:case 11:case 15:break;case 1:if(null!==t){var r=t.memoizedProps,l=t.memoizedState,a=e.stateNode,i=a.getSnapshotBeforeUpdate(e.elementType===e.type?r:it(e.type,r),l);a.__reactInternalSnapshotBeforeUpdate=i}break;case 3:G&&Ne(e.stateNode.containerInfo);break;case 5:case 6:case 4:case 17:break;default:throw Error(u(163))}}catch(n){ni(e,e.return,n)}if(n=e.sibling,null!==n){n.return=e.return,ma=n;break}ma=e.return}return t=ya,ya=!1,t}function ka(e,n,t){var r=n.updateQueue;if(r=null!==r?r.lastEffect:null,null!==r){var l=r=r.next;do{if((l.tag&e)===e){var a=l.destroy;l.destroy=void 0,void 0!==a&&ba(n,t,a)}l=l.next}while(l!==r)}}function xa(e,n){if(n=n.updateQueue,n=null!==n?n.lastEffect:null,null!==n){var t=n=n.next;do{if((t.tag&e)===e){var r=t.create;t.destroy=r()}t=t.next}while(t!==n)}}function wa(e){var n=e.ref;if(null!==n){var t=e.stateNode;switch(e.tag){case 5:e=R(t);break;default:e=t}"function"===typeof n?n(e):n.current=e}}function za(e,n,t){if(Gn&&"function"===typeof Gn.onCommitFiberUnmount)try{Gn.onCommitFiberUnmount(qn,n)}catch(e){}switch(n.tag){case 0:case 11:case 14:case 15:if(e=n.updateQueue,null!==e&&(e=e.lastEffect,null!==e)){var r=e=e.next;do{var l=r,a=l.destroy;l=l.tag,void 0!==a&&(0!==(2&l)||0!==(4&l))&&ba(n,t,a),r=r.next}while(r!==e)}break;case 1:if(va(n,t),e=n.stateNode,"function"===typeof e.componentWillUnmount)try{e.props=n.memoizedProps,e.state=n.memoizedState,e.componentWillUnmount()}catch(e){ni(n,t,e)}break;case 5:va(n,t);break;case 4:G?Ta(e,n,t):Y&&Y&&(n=n.stateNode.containerInfo,t=Pe(n),Le(n,t))}}function Na(e,n,t){for(var r=n;;)if(za(e,r,t),null===r.child||G&&4===r.tag){if(r===n)break;for(;null===r.sibling;){if(null===r.return||r.return===n)return;r=r.return}r.sibling.return=r.return,r=r.sibling}else r.child.return=r,r=r.child}function Ea(e){var n=e.alternate;null!==n&&(e.alternate=null,Ea(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(n=e.stateNode,null!==n&&ee(n)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Pa(e){return 5===e.tag||3===e.tag||4===e.tag}function Ca(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||Pa(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function _a(e){if(G){e:{for(var n=e.return;null!==n;){if(Pa(n))break e;n=n.return}throw Error(u(160))}var t=n;switch(t.tag){case 5:n=t.stateNode,32&t.flags&&(Se(n),t.flags&=-33),t=Ca(e),Ia(e,t,n);break;case 3:case 4:n=t.stateNode.containerInfo,t=Ca(e),La(e,t,n);break;default:throw Error(u(161))}}}function La(e,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?ve(t,e,n):de(t,e);else if(4!==r&&(e=e.child,null!==e))for(La(e,n,t),e=e.sibling;null!==e;)La(e,n,t),e=e.sibling}function Ia(e,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?me(t,e,n):fe(t,e);else if(4!==r&&(e=e.child,null!==e))for(Ia(e,n,t),e=e.sibling;null!==e;)Ia(e,n,t),e=e.sibling}function Ta(e,n,t){for(var r,l,a=n,i=!1;;){if(!i){i=a.return;e:for(;;){if(null===i)throw Error(u(160));switch(r=i.stateNode,i.tag){case 5:l=!1;break e;case 3:r=r.containerInfo,l=!0;break e;case 4:r=r.containerInfo,l=!0;break e}i=i.return}i=!0}if(5===a.tag||6===a.tag)Na(e,a,t),l?ye(r,a.stateNode):be(r,a.stateNode);else if(18===a.tag)l?Je(r,a.stateNode):Ye(r,a.stateNode);else if(4===a.tag){if(null!==a.child){r=a.stateNode.containerInfo,l=!0,a.child.return=a,a=a.child;continue}}else if(za(e,a,t),null!==a.child){a.child.return=a,a=a.child;continue}if(a===n)break;for(;null===a.sibling;){if(null===a.return||a.return===n)return;a=a.return,4===a.tag&&(i=!1)}a.sibling.return=a.return,a=a.sibling}}function Ra(e,n){if(G){switch(n.tag){case 0:case 11:case 14:case 15:return ka(3,n,n.return),xa(3,n),void ka(5,n,n.return);case 1:return;case 5:var t=n.stateNode;if(null!=t){var r=n.memoizedProps;e=null!==e?e.memoizedProps:r;var l=n.type,a=n.updateQueue;n.updateQueue=null,null!==a&&ge(t,a,l,e,r,n)}return;case 6:if(null===n.stateNode)throw Error(u(162));return t=n.memoizedProps,void pe(n.stateNode,null!==e?e.memoizedProps:t,t);case 3:return void(J&&null!==e&&e.memoizedState.isDehydrated&&qe(n.stateNode.containerInfo));case 12:return;case 13:return void Fa(n);case 19:return void Fa(n);case 17:return}throw Error(u(163))}switch(n.tag){case 0:case 11:case 14:case 15:return ka(3,n,n.return),xa(3,n),void ka(5,n,n.return);case 12:return;case 13:return void Fa(n);case 19:return void Fa(n);case 3:J&&null!==e&&e.memoizedState.isDehydrated&&qe(n.stateNode.containerInfo);break;case 22:case 23:return}e:if(Y){switch(n.tag){case 1:case 5:case 6:break e;case 3:case 4:n=n.stateNode,Le(n.containerInfo,n.pendingChildren);break e}throw Error(u(163))}}function Fa(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new ga),n.forEach(function(n){var r=ai.bind(null,e,n);t.has(n)||(t.add(n),n.then(r,r))})}}function Ua(e,n){for(ma=n;null!==ma;){n=ma;var t=n.deletions;if(null!==t)for(var r=0;r";case Aa:return":has("+(Ya(e)||"")+")";case ja:return'[role="'+e.value+'"]';case $a:return'"'+e.value+'"';case Oa:return'[data-testname="'+e.value+'"]';default:throw Error(u(365))}}function Ja(e,n){var t=[];e=[e,0];for(var r=0;rl&&(l=i),r&=~a}if(r=l,r=An()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Xa(r/1960))-r,10e?16:e,null===wu)var r=!1;else{if(e=wu,wu=null,zu=0,0!==(6&tu))throw Error(u(331));var l=tu;for(tu|=4,ma=e.current;null!==ma;){var a=ma,i=a.child;if(0!==(16&ma.flags)){var o=a.deletions;if(null!==o){for(var s=0;sAn()-gu?Au(e,0):du|=t),Ru(e,n)}function ri(e,n){0===n&&(0===(1&e.mode)?n=1:(n=En,En<<=1,0===(130023424&En)&&(En=4194304)));var t=_u();e=Tu(e,n),null!==e&&(Rn(e,n,t),Ru(e,t))}function li(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),ri(e,t)}function ai(e,n){var t=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;null!==l&&(t=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(u(314))}null!==r&&r.delete(n),ri(e,t)}function ui(e,n){return Qn(e,n)}function ii(e,n,t,r){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function oi(e,n,t,r){return new ii(e,n,t,r)}function si(e){return e=e.prototype,!(!e||!e.isReactComponent)}function ci(e){if("function"===typeof e)return si(e)?1:0;if(void 0!==e&&null!==e){if(e=e.$$typeof,e===g)return 11;if(e===b)return 14}return 2}function fi(e,n){var t=e.alternate;return null===t?(t=oi(e.tag,n,e.key,e.mode),t.elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function di(e,n,t,r,l,a){var i=2;if(r=e,"function"===typeof e)si(e)&&(i=1);else if("string"===typeof e)i=5;else e:switch(e){case c:return pi(t.children,l,a,n);case f:i=8,l|=8;break;case d:return e=oi(12,t,n,2|l),e.elementType=d,e.lanes=a,e;case m:return e=oi(13,t,n,l),e.elementType=m,e.lanes=a,e;case v:return e=oi(19,t,n,l),e.elementType=v,e.lanes=a,e;case S:return hi(t,l,a,n);default:if("object"===typeof e&&null!==e)switch(e.$$typeof){case p:i=10;break e;case h:i=9;break e;case g:i=11;break e;case b:i=14;break e;case y:i=16,r=null;break e}throw Error(u(130,null==e?e:typeof e,""))}return n=oi(i,t,n,l),n.elementType=e,n.type=r,n.lanes=a,n}function pi(e,n,t,r){return e=oi(7,e,r,n),e.lanes=t,e}function hi(e,n,t,r){return e=oi(22,e,r,n),e.elementType=S,e.lanes=t,e.stateNode={},e}function gi(e,n,t){return e=oi(6,e,null,n),e.lanes=t,e}function mi(e,n,t){return n=oi(4,null!==e.children?e.children:[],e.key,n),n.lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function vi(e,n,t,r,l){this.tag=n,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=V,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Tn(0),this.expirationTimes=Tn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Tn(0),this.identifierPrefix=r,this.onRecoverableError=l,J&&(this.mutableSourceEagerHydrationData=null)}function bi(e,n,t,r,l,a,u,i,o){return e=new vi(e,n,t,i,o),1===n?(n=1,!0===a&&(n|=8)):n=0,a=oi(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:t,cache:null,transitions:null},St(a),e}function yi(e){if(!e)return cn;e=e._reactInternals;e:{if(N(e)!==e||1!==e.tag)throw Error(u(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(gn(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(u(171))}if(1===e.tag){var t=e.type;if(gn(t))return bn(e,t,n)}return n}function Si(e){var n=e._reactInternals;if(void 0===n){if("function"===typeof e.render)throw Error(u(188));throw e=Object.keys(e).join(","),Error(u(268,e))}return e=C(n),null===e?null:e.stateNode}function ki(e,n){if(e=e.memoizedState,null!==e&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t=c&&a>=d&&l<=f&&i<=p){e.splice(n,1);break}if(!(r!==c||t.width!==s.width||pi)){d>a&&(s.height+=d-a,s.y=a),pl)){c>r&&(s.width+=c-r,s.x=r),ft&&(t=i)),i ")+"\n\nNo matching component was found for:\n "+e.join(" > ")}return null},n.getPublicRootInstance=function(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return R(e.child.stateNode);default:return e.child.stateNode}},n.injectIntoDevTools=function(e){if(e={bundleType:e.bundleType,version:e.version,rendererPackageName:e.rendererPackageName,rendererConfig:e.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:i.ReactCurrentDispatcher,findHostInstanceByFiber:wi,findFiberByHostInstance:e.findFiberByHostInstance||zi,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.0.0-fc46dba67-20220329"},"undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)e=!1;else{var n=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(n.isDisabled||!n.supportsFiber)e=!0;else{try{qn=n.inject(e),Gn=n}catch(e){}e=!!n.checkDCE}}return e},n.isAlreadyRendering=function(){return!1},n.observeVisibleRects=function(e,n,t,r){if(!re)throw Error(u(363));e=Ka(e,n);var l=ce(e,t,r).disconnect;return{disconnect:function(){l()}}},n.registerMutableSourceForHydration=function(e,n){var t=n._getVersion;t=t(n._source),null==e.mutableSourceEagerHydrationData?e.mutableSourceEagerHydrationData=[n,t]:e.mutableSourceEagerHydrationData.push(n,t)},n.runWithPriority=function(e,n){var t=Mn;try{return Mn=e,n()}finally{Mn=t}},n.shouldError=function(){return null},n.shouldSuspend=function(){return!1},n.updateContainer=function(e,n,t,r){var l=n.current,a=_u(),u=Lu(l);return t=yi(t),null===n.context?n.context=t:n.pendingContext=t,n=xt(a,u),n.payload={element:e},r=void 0===r?null:r,null!==r&&(n.callback=r),wt(l,n),e=Iu(l,u,a),null!==e&&zt(e,l,u),u},n}},772:function(e,n,t){"use strict";e.exports=t(735)},4845:function(e,n,t){"use strict";e.exports=t(2935)},8271:function(e,n,t){"use strict";var r=t(7842)["navigator"];function l(e,n){var t=e.length;e.push(n);e:for(;0>>1,l=e[r];if(!(0>>1;ri(o,t))si(c,o)?(e[r]=c,e[s]=t,r=s):(e[r]=o,e[u]=t,r=u);else{if(!(si(c,t)))break e;e[r]=c,e[s]=t,r=s}}}return n}function i(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"===typeof performance&&"function"===typeof performance.now){var o=performance;n.unstable_now=function(){return o.now()}}else{var s=Date,c=s.now();n.unstable_now=function(){return s.now()-c}}var f=[],d=[],p=1,h=null,g=3,m=!1,v=!1,b=!1,y="function"===typeof setTimeout?setTimeout:null,S="function"===typeof clearTimeout?clearTimeout:null,k="undefined"!==typeof setImmediate?setImmediate:null;function x(e){for(var n=a(d);null!==n;){if(null===n.callback)u(d);else{if(!(n.startTime<=e))break;u(d),n.sortIndex=n.expirationTime,l(f,n)}n=a(d)}}function w(e){if(b=!1,x(e),!v)if(null!==a(f))v=!0,U(z);else{var n=a(d);null!==n&&M(w,n.startTime-e)}}function z(e,t){v=!1,b&&(b=!1,S(C),C=-1),m=!0;var r=g;try{for(x(t),h=a(f);null!==h&&(!(h.expirationTime>t)||e&&!I());){var l=h.callback;if("function"===typeof l){h.callback=null,g=h.priorityLevel;var i=l(h.expirationTime<=t);t=n.unstable_now(),"function"===typeof i?h.callback=i:h===a(f)&&u(f),x(t)}else u(f);h=a(f)}if(null!==h)var o=!0;else{var s=a(d);null!==s&&M(w,s.startTime-t),o=!1}return o}finally{h=null,g=r,m=!1}}"undefined"!==typeof r&&void 0!==r.scheduling&&void 0!==r.scheduling.isInputPending&&r.scheduling.isInputPending.bind(r.scheduling);var N,E=!1,P=null,C=-1,_=5,L=-1;function I(){return!(n.unstable_now()-L<_)}function T(){if(null!==P){var e=n.unstable_now();L=e;var t=!0;try{t=P(!0,e)}finally{t?N():(E=!1,P=null)}}else E=!1}if("function"===typeof k)N=function(){k(T)};else if("undefined"!==typeof MessageChannel){var R=new MessageChannel,F=R.port2;R.port1.onmessage=T,N=function(){F.postMessage(null)}}else N=function(){y(T,0)};function U(e){P=e,E||(E=!0,N())}function M(e,t){C=y(function(){e(n.unstable_now())},t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){v||m||(v=!0,U(z))},n.unstable_forceFrameRate=function(e){0>e||125u?(e.sortIndex=r,l(d,e),null===a(f)&&e===a(d)&&(b?(S(C),C=-1):b=!0,M(w,r-u))):(e.sortIndex=i,l(f,e),v||m||(v=!0,U(z))),e},n.unstable_shouldYield=I,n.unstable_wrapCallback=function(e){var n=g;return function(){var t=g;g=n;try{return e.apply(this,arguments)}finally{g=t}}}},8585:function(e,n,t){"use strict";e.exports=t(8271)}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[907,96,76],function(){return n(4247)});e.O()}]); \ No newline at end of file +require("./common"),require("./vendors"),require("./taro"),require("./runtime"),(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[524],{4247:function(e,n,t){"use strict";t(6882);var r=t(7842),l=t(1291),a=t(758),u=t.n(a),i=t(3029),o=t(2901),s=t(6919),c=t(5501),f=t(6540),d=t.t(f,2),p=t(9703),h=t(8594),g=t(6606),m=t(3246),v=t(1212),b=t(467),y=null;function S(){return y||(y=k().finally(function(){y=null}),y)}function k(){return x.apply(this,arguments)}function x(){return x=(0,b.A)((0,v.A)().m(function e(){var n,t,r,l;return(0,v.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(n=(0,h.Q4)(),null!==n&&void 0!==n&&n.openid&&!(0,h.Ic)(n.openid)){e.n=1;break}return e.a(2,!1);case 1:return e.p=1,e.n=2,u().login();case 2:if(t=e.v,t.code){e.n=3;break}return e.a(2,!1);case 3:return e.n=4,m.Ay.post("/api/auth/login",{code:t.code},{auth:!1,skipAuthRefresh:!0});case 4:if(r=e.v,null!==r&&void 0!==r&&r.accessToken){e.n=5;break}return e.a(2,!1);case 5:return(0,m.WG)(r.accessToken),e.n=6,m.Ay.get("/api/users/me",{skipAuthRefresh:!0});case 6:if(l=e.v,(null===l||void 0===l?void 0:l.openid)!==n.openid){e.n=7;break}return e.a(2,!0);case 7:return(0,m.L)(),(0,h.Hf)(),e.a(2,!1);case 8:return e.p=8,e.v,e.a(2,!1)}},e,null,[[1,8]])})),x.apply(this,arguments)}function w(){return z.apply(this,arguments)}function z(){return z=(0,b.A)((0,v.A)().m(function e(){var n,t,r;return(0,v.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(n=(0,h.Q4)(),null!==n&&void 0!==n&&n.openid&&!(0,h.Ic)(n.openid)){e.n=1;break}return e.a(2,!1);case 1:if((0,m.gf)()){e.n=2;break}return e.a(2,S());case 2:return e.p=2,e.n=3,m.Ay.get("/api/users/me",{skipAuthRefresh:!0});case 3:return e.a(2,!0);case 4:if(e.p=4,r=e.v,t=null===r||void 0===r?void 0:r.statusCode,401!==t){e.n=5;break}return e.a(2,S());case 5:return e.a(2,!!(0,m.gf)())}},e,null,[[2,4]])})),z.apply(this,arguments)}var N=t(4848),E=function(e){function n(){return(0,i.A)(this,n),(0,s.A)(this,n,arguments)}return(0,c.A)(n,e),(0,o.A)(n,[{key:"componentDidMount",value:function(){(0,g.G)((0,h.eW)((0,h.O4)())),(0,m.q)(S),w()}},{key:"componentDidShow",value:function(){}},{key:"componentDidHide",value:function(){}},{key:"render",value:function(){return(0,N.jsx)(p.NP,{children:this.props.children})}}])}(f.Component),P=E,C=t(7260),_={darkmode:!0,themeLocation:"theme.json",pages:["pages/index/index","pages/shop/index","pages/shop/detail/index","pages/product/index","pages/diy/index","pages/diy/stickerEdit/index","pages/checkout/index","pages/designList/index","pages/orders/index","pages/profile/index","pages/service/index","pages/wordcloud/index","pages/orderDetail/index","pages/address/index","pages/settings/index","pages/agreement/index","pages/userDatabase/index"],window:{backgroundTextStyle:"dark",navigationStyle:"custom",navigationBarBackgroundColor:"#faf7f2",backgroundColor:"#faf7f2",backgroundColorTop:"#faf7f2",backgroundColorBottom:"#faf7f2",navigationBarTextStyle:"black"},tabBar:{custom:!0,list:[{pagePath:"pages/index/index",text:"\u9996\u9875"},{pagePath:"pages/shop/index",text:"\u5546\u54c1"},{pagePath:"pages/designList/index",text:"\u8bbe\u8ba1\u6e05\u5355"},{pagePath:"pages/orders/index",text:"\u8ba2\u5355"},{pagePath:"pages/profile/index",text:"\u6211\u7684"}]}};r.window.__taroAppConfig=_;App((0,l.ND)(P,d,C.Ay,_));(0,a.initPxTransform)({designWidth:750,deviceRatio:{640:1.17,750:1,828:.905},baseFontSize:20,unitPrecision:void 0,targetUnit:void 0})},735:function(e,n){"use strict";n.DefaultEventPriority=16},2935:function(e,n,t){e.exports=function(e){var n={},r=t(6540),l=t(8585),a=Object.assign;function u(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;ti||l[u]!==a[i]){var o="\n"+l[u].replace(" at new "," at ");return e.displayName&&o.includes("")&&(o=o.replace("",e.displayName)),o}}while(1<=u&&0<=i);break}}}finally{nn=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?en(e):""}var rn=Object.prototype.hasOwnProperty,ln=[],an=-1;function un(e){return{current:e}}function on(e){0>an||(e.current=ln[an],ln[an]=null,an--)}function sn(e,n){an++,ln[an]=e.current,e.current=n}var cn={},fn=un(cn),dn=un(!1),pn=cn;function hn(e,n){var t=e.type.contextTypes;if(!t)return cn;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===n)return r.__reactInternalMemoizedMaskedChildContext;var l,a={};for(l in t)a[l]=n[l];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=a),a}function gn(e){return e=e.childContextTypes,null!==e&&void 0!==e}function mn(){on(dn),on(fn)}function vn(e,n,t){if(fn.current!==cn)throw Error(u(168));sn(fn,n),sn(dn,t)}function bn(e,n,t){var r=e.stateNode;if(n=n.childContextTypes,"function"!==typeof r.getChildContext)return t;for(var l in r=r.getChildContext(),r)if(!(l in n))throw Error(u(108,z(e)||"Unknown",l));return a({},t,r)}function yn(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||cn,pn=fn.current,sn(fn,e),sn(dn,dn.current),!0}function Sn(e,n,t){var r=e.stateNode;if(!r)throw Error(u(169));t?(e=bn(e,n,pn),r.__reactInternalMemoizedMergedChildContext=e,on(dn),on(fn),sn(fn,e)):on(dn),sn(dn,t)}var kn=Math.clz32?Math.clz32:zn,xn=Math.log,wn=Math.LN2;function zn(e){return e>>>=0,0===e?32:31-(xn(e)/wn|0)|0}var Nn=64,En=4194304;function Pn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Cn(e,n){var t=e.pendingLanes;if(0===t)return 0;var r=0,l=e.suspendedLanes,a=e.pingedLanes,u=268435455&t;if(0!==u){var i=u&~l;0!==i?r=Pn(i):(a&=u,0!==a&&(r=Pn(a)))}else u=t&~l,0!==u?r=Pn(u):0!==a&&(r=Pn(a));if(0===r)return 0;if(0!==n&&n!==r&&0===(n&l)&&(l=r&-r,a=n&-n,l>=a||16===l&&0!==(4194240&a)))return n;if(0!==(4&r)&&(r|=16&t),n=e.entangledLanes,0!==n)for(e=e.entanglements,n&=r;0t;t++)n.push(e);return n}function Rn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,n=31-kn(n),e[n]=t}function Fn(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0>=u,l-=u,At=1<<32-kn(n)+l|t<d?(p=f,f=null):p=f.sibling;var h=m(l,f,i[d],o);if(null===h){null===f&&(f=p);break}e&&f&&null===h.alternate&&n(l,f),u=a(h,u,d),null===c?s=h:c.sibling=h,c=h,f=p}if(d===i.length)return t(l,f),Jt&&Ot(l,d),s;if(null===f){for(;dp?(h=d,d=null):h=d.sibling;var y=m(l,d,b.value,s);if(null===y){null===d&&(d=h);break}e&&d&&null===y.alternate&&n(l,d),i=a(y,i,p),null===f?c=y:f.sibling=y,f=y,d=h}if(b.done)return t(l,d),Jt&&Ot(l,p),c;if(null===d){for(;!b.done;p++,b=o.next())b=g(l,b.value,s),null!==b&&(i=a(b,i,p),null===f?c=b:f.sibling=b,f=b);return Jt&&Ot(l,p),c}for(d=r(l,d);!b.done;p++,b=o.next())b=v(d,l,p,b.value,s),null!==b&&(e&&null!==b.alternate&&d.delete(null===b.key?p:b.key),i=a(b,i,p),null===f?c=b:f.sibling=b,f=b);return e&&d.forEach(function(e){return n(l,e)}),Jt&&Ot(l,p),c}function k(e,r,a,u){if("object"===typeof a&&null!==a&&a.type===c&&null===a.key&&(a=a.props.children),"object"===typeof a&&null!==a){switch(a.$$typeof){case o:e:{for(var f=a.key,d=r;null!==d;){if(d.key===f){if(f=a.type,f===c){if(7===d.tag){t(e,d.sibling),r=l(d,a.props.children),r.return=e,e=r;break e}}else if(d.elementType===f||"object"===typeof f&&null!==f&&f.$$typeof===y&&sr(f)===d.type){t(e,d.sibling),r=l(d,a.props),r.ref=ir(e,d,a),r.return=e,e=r;break e}t(e,d);break}n(e,d),d=d.sibling}a.type===c?(r=pi(a.props.children,e.mode,u,a.key),r.return=e,e=r):(u=di(a.type,a.key,a.props,null,e.mode,u),u.ref=ir(e,r,a),u.return=e,e=u)}return i(e);case s:e:{for(d=a.key;null!==r;){if(r.key===d){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){t(e,r.sibling),r=l(r,a.children||[]),r.return=e,e=r;break e}t(e,r);break}n(e,r),r=r.sibling}r=mi(a,e.mode,u),r.return=e,e=r}return i(e);case y:return d=a._init,k(e,r,d(a._payload),u)}if(T(a))return b(e,r,a,u);if(x(a))return S(e,r,a,u);or(e,a)}return"string"===typeof a&&""!==a||"number"===typeof a?(a=""+a,null!==r&&6===r.tag?(t(e,r.sibling),r=l(r,a),r.return=e,e=r):(t(e,r),r=gi(a,e.mode,u),r.return=e,e=r),i(e)):t(e,r)}return k}var fr=cr(!0),dr=cr(!1),pr={},hr=un(pr),gr=un(pr),mr=un(pr);function vr(e){if(e===pr)throw Error(u(174));return e}function br(e,n){sn(mr,n),sn(gr,e),sn(hr,pr),e=F(n),on(hr),sn(hr,e)}function yr(){on(hr),on(gr),on(mr)}function Sr(e){var n=vr(mr.current),t=vr(hr.current);n=U(t,e.type,n),t!==n&&(sn(gr,e),sn(hr,n))}function kr(e){gr.current===e&&(on(hr),on(gr))}var xr=un(0);function wr(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(t=t.dehydrated,null===t||Me(t)||De(t)))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(0!==(128&n.flags))return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var zr=[];function Nr(){for(var e=0;et?t:4,e(!0);var r=Pr.transition;Pr.transition={};try{e(!1),n()}finally{Mn=t,Pr.transition=r}}function dl(){return Wr().memoizedState}function pl(e,n,t){var r=Lu(e);t={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null},gl(e)?ml(n,t):(vl(e,n,t),t=_u(),e=Iu(e,r,t),null!==e&&bl(e,n,r))}function hl(e,n,t){var r=Lu(e),l={lane:r,action:t,hasEagerState:!1,eagerState:null,next:null};if(gl(e))ml(n,l);else{vl(e,n,l);var a=e.alternate;if(0===e.lanes&&(null===a||0===a.lanes)&&(a=n.lastRenderedReducer,null!==a))try{var u=n.lastRenderedState,i=a(u,t);if(l.hasEagerState=!0,l.eagerState=i,Kn(i,u))return}catch(e){}t=_u(),e=Iu(e,r,t),null!==e&&bl(e,n,r)}}function gl(e){var n=e.alternate;return e===_r||null!==n&&n===_r}function ml(e,n){Rr=Tr=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function vl(e,n,t){null!==ru&&0!==(1&e.mode)&&0===(2&tu)?(e=n.interleaved,null===e?(t.next=t,null===bt?bt=[n]:bt.push(n)):(t.next=e.next,e.next=t),n.interleaved=t):(e=n.pending,null===e?t.next=t:(t.next=e.next,e.next=t),n.pending=t)}function bl(e,n,t){if(0!==(4194240&t)){var r=n.lanes;r&=e.pendingLanes,t|=r,n.lanes=t,Un(e,t)}}var yl={readContext:vt,useCallback:Mr,useContext:Mr,useEffect:Mr,useImperativeHandle:Mr,useInsertionEffect:Mr,useLayoutEffect:Mr,useMemo:Mr,useReducer:Mr,useRef:Mr,useState:Mr,useDebugValue:Mr,useDeferredValue:Mr,useTransition:Mr,useMutableSource:Mr,useSyncExternalStore:Mr,useId:Mr,unstable_isNewReconciler:!1},Sl={readContext:vt,useCallback:function(e,n){return Br().memoizedState=[e,void 0===n?null:n],e},useContext:vt,useEffect:tl,useImperativeHandle:function(e,n,t){return t=null!==t&&void 0!==t?t.concat([e]):null,el(4194308,4,ul.bind(null,n,e),t)},useLayoutEffect:function(e,n){return el(4194308,4,e,n)},useInsertionEffect:function(e,n){return el(4,2,e,n)},useMemo:function(e,n){var t=Br();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var r=Br();return n=void 0!==t?t(n):n,r.memoizedState=r.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},r.queue=e,e=e.dispatch=pl.bind(null,_r,e),[r.memoizedState,e]},useRef:function(e){var n=Br();return e={current:e},n.memoizedState=e},useState:Kr,useDebugValue:ol,useDeferredValue:function(e){var n=Kr(e),t=n[0],r=n[1];return tl(function(){var n=Pr.transition;Pr.transition={};try{r(e)}finally{Pr.transition=n}},[e]),t},useTransition:function(){var e=Kr(!1),n=e[0];return e=fl.bind(null,e[1]),Br().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var r=_r,l=Br();if(Jt){if(void 0===t)throw Error(u(407));t=t()}else{if(t=n(),null===ru)throw Error(u(349));0!==(30&Cr)||qr(r,n,t)}l.memoizedState=t;var a={value:t,getSnapshot:n};return l.queue=a,tl(Yr.bind(null,r,a,e),[e]),r.flags|=2048,Xr(9,Gr.bind(null,r,a,t,n),void 0,null),t},useId:function(){var e=Br(),n=ru.identifierPrefix;if(Jt){var t=jt,r=At;t=(r&~(1<<32-kn(r)-1)).toString(32)+t,n=":"+n+"R"+t,t=Fr++,0mu&&(n.flags|=128,r=!0,Ql(l,!1),n.lanes=4194304)}else{if(!r)if(e=wr(a),null!==e){if(n.flags|=128,r=!0,e=e.updateQueue,null!==e&&(n.updateQueue=e,n.flags|=4),Ql(l,!0),null===l.tail&&"hidden"===l.tailMode&&!a.alternate&&!Jt)return Hl(n),null}else 2*An()-l.renderingStartTime>mu&&1073741824!==t&&(n.flags|=128,r=!0,Ql(l,!1),n.lanes=4194304);l.isBackwards?(a.sibling=n.child,n.child=a):(e=l.last,null!==e?e.sibling=a:n.child=a,l.last=a)}return null!==l.tail?(n=l.tail,l.rendering=n,l.tail=n.sibling,l.renderingStartTime=An(),n.sibling=null,e=xr.current,sn(xr,r?1&e|2:1&e),n):(Hl(n),null);case 22:case 23:return Wu(),r=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==r&&(n.flags|=8192),r&&0!==(1&n.mode)?0!==(1073741824&uu)&&(Hl(n),G&&6&n.subtreeFlags&&(n.flags|=8192)):Hl(n),null;case 24:return null;case 25:return null}throw Error(u(156,n.tag))}var Wl=i.ReactCurrentOwner,Al=!1;function jl(e,n,t,r){n.child=null===e?dr(n,null,t,r):fr(n,e.child,t,r)}function Ol(e,n,t,r,l){t=t.render;var a=n.ref;return mt(n,l),r=Qr(e,n,t,r,a,l),t=Hr(),null===e||Al?(Jt&&t&&Vt(n),n.flags|=1,jl(e,n,r,l),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,ca(e,n,l))}function $l(e,n,t,r,l){if(null===e){var a=t.type;return"function"!==typeof a||si(a)||void 0!==a.defaultProps||null!==t.compare||void 0!==t.defaultProps?(e=di(t.type,null,r,n,n.mode,l),e.ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=a,Vl(e,n,a,r,l))}if(a=e.child,0===(e.lanes&l)){var u=a.memoizedProps;if(t=t.compare,t=null!==t?t:at,t(u,r)&&e.ref===n.ref)return ca(e,n,l)}return n.flags|=1,e=fi(a,r),e.ref=n.ref,e.return=n,n.child=e}function Vl(e,n,t,r,l){if(null!==e&&at(e.memoizedProps,r)&&e.ref===n.ref){if(Al=!1,0===(e.lanes&l))return n.lanes=e.lanes,ca(e,n,l);0!==(131072&e.flags)&&(Al=!0)}return Yl(e,n,t,r,l)}function ql(e,n,t){var r=n.pendingProps,l=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode)if(0===(1&n.mode))n.memoizedState={baseLanes:0,cachePool:null},sn(iu,uu),uu|=t;else{if(0===(1073741824&t))return e=null!==a?a.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null},n.updateQueue=null,sn(iu,uu),uu|=e,null;n.memoizedState={baseLanes:0,cachePool:null},r=null!==a?a.baseLanes:t,sn(iu,uu),uu|=r}else null!==a?(r=a.baseLanes|t,n.memoizedState=null):r=t,sn(iu,uu),uu|=r;return jl(e,n,l,t),n.child}function Gl(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Yl(e,n,t,r,l){var a=gn(t)?pn:fn.current;return a=hn(n,a),mt(n,l),t=Qr(e,n,t,r,a,l),r=Hr(),null===e||Al?(Jt&&r&&Vt(n),n.flags|=1,jl(e,n,t,l),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~l,ca(e,n,l))}function Jl(e,n,t,r,l){if(gn(t)){var a=!0;yn(n)}else a=!1;if(mt(n,l),null===n.stateNode)null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2),Tt(n,t,r),Ft(n,t,r,l),r=!0;else if(null===e){var u=n.stateNode,i=n.memoizedProps;u.props=i;var o=u.context,s=t.contextType;"object"===typeof s&&null!==s?s=vt(s):(s=gn(t)?pn:fn.current,s=hn(n,s));var c=t.getDerivedStateFromProps,f="function"===typeof c||"function"===typeof u.getSnapshotBeforeUpdate;f||"function"!==typeof u.UNSAFE_componentWillReceiveProps&&"function"!==typeof u.componentWillReceiveProps||(i!==r||o!==s)&&Rt(n,u,r,s),yt=!1;var d=n.memoizedState;u.state=d,Et(n,r,u,l),o=n.memoizedState,i!==r||d!==o||dn.current||yt?("function"===typeof c&&(_t(n,t,c,r),o=n.memoizedState),(i=yt||It(n,t,i,r,d,o,s))?(f||"function"!==typeof u.UNSAFE_componentWillMount&&"function"!==typeof u.componentWillMount||("function"===typeof u.componentWillMount&&u.componentWillMount(),"function"===typeof u.UNSAFE_componentWillMount&&u.UNSAFE_componentWillMount()),"function"===typeof u.componentDidMount&&(n.flags|=4194308)):("function"===typeof u.componentDidMount&&(n.flags|=4194308),n.memoizedProps=r,n.memoizedState=o),u.props=r,u.state=o,u.context=s,r=i):("function"===typeof u.componentDidMount&&(n.flags|=4194308),r=!1)}else{u=n.stateNode,kt(e,n),i=n.memoizedProps,s=n.type===n.elementType?i:it(n.type,i),u.props=s,f=n.pendingProps,d=u.context,o=t.contextType,"object"===typeof o&&null!==o?o=vt(o):(o=gn(t)?pn:fn.current,o=hn(n,o));var p=t.getDerivedStateFromProps;(c="function"===typeof p||"function"===typeof u.getSnapshotBeforeUpdate)||"function"!==typeof u.UNSAFE_componentWillReceiveProps&&"function"!==typeof u.componentWillReceiveProps||(i!==f||d!==o)&&Rt(n,u,r,o),yt=!1,d=n.memoizedState,u.state=d,Et(n,r,u,l);var h=n.memoizedState;i!==f||d!==h||dn.current||yt?("function"===typeof p&&(_t(n,t,p,r),h=n.memoizedState),(s=yt||It(n,t,s,r,d,h,o)||!1)?(c||"function"!==typeof u.UNSAFE_componentWillUpdate&&"function"!==typeof u.componentWillUpdate||("function"===typeof u.componentWillUpdate&&u.componentWillUpdate(r,h,o),"function"===typeof u.UNSAFE_componentWillUpdate&&u.UNSAFE_componentWillUpdate(r,h,o)),"function"===typeof u.componentDidUpdate&&(n.flags|=4),"function"===typeof u.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!==typeof u.componentDidUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=4),"function"!==typeof u.getSnapshotBeforeUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=1024),n.memoizedProps=r,n.memoizedState=h),u.props=r,u.state=h,u.context=o,r=s):("function"!==typeof u.componentDidUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=4),"function"!==typeof u.getSnapshotBeforeUpdate||i===e.memoizedProps&&d===e.memoizedState||(n.flags|=1024),r=!1)}return Kl(e,n,t,r,a,l)}function Kl(e,n,t,r,l,a){Gl(e,n);var u=0!==(128&n.flags);if(!r&&!u)return l&&Sn(n,t,!1),ca(e,n,a);r=n.stateNode,Wl.current=n;var i=u&&"function"!==typeof t.getDerivedStateFromError?null:r.render();return n.flags|=1,null!==e&&u?(n.child=fr(n,e.child,null,a),n.child=fr(n,null,i,a)):jl(e,n,i,a),n.memoizedState=r.state,l&&Sn(n,t,!0),n.child}function Xl(e){var n=e.stateNode;n.pendingContext?vn(e,n.pendingContext,n.pendingContext!==n.context):n.context&&vn(e,n.context,!1),br(e,n.containerInfo)}function Zl(e,n,t,r,l){return ar(),ur(l),n.flags|=256,jl(e,n,t,r),n.child}var ea={dehydrated:null,treeContext:null,retryLane:0};function na(e){return{baseLanes:e,cachePool:null}}function ta(e,n,t){var r,l=n.pendingProps,a=xr.current,i=!1,o=0!==(128&n.flags);if((r=o)||(r=(null===e||null!==e.memoizedState)&&0!==(2&a)),r?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(a|=1),sn(xr,1&a),null===e)return tr(n),e=n.memoizedState,null!==e&&(e=e.dehydrated,null!==e)?(0===(1&n.mode)?n.lanes=1:De(e)?n.lanes=8:n.lanes=1073741824,null):(a=l.children,e=l.fallback,i?(l=n.mode,i=n.child,a={mode:"hidden",children:a},0===(1&l)&&null!==i?(i.childLanes=0,i.pendingProps=a):i=hi(a,l,0,null),e=pi(e,l,t,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=na(t),n.memoizedState=ea,e):ra(n,a));if(a=e.memoizedState,null!==a){if(r=a.dehydrated,null!==r){if(o)return 256&n.flags?(n.flags&=-257,ua(e,n,t,Error(u(422)))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(i=l.fallback,a=n.mode,l=hi({mode:"visible",children:l.children},a,0,null),i=pi(i,a,t,null),i.flags|=2,l.return=n,i.return=n,l.sibling=i,n.child=l,0!==(1&n.mode)&&fr(n,e.child,null,t),n.child.memoizedState=na(t),n.memoizedState=ea,i);if(0===(1&n.mode))n=ua(e,n,t,null);else if(De(r))n=ua(e,n,t,Error(u(419)));else if(l=0!==(t&e.childLanes),Al||l){if(l=ru,null!==l){switch(t&-t){case 4:i=2;break;case 16:i=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:i=32;break;case 536870912:i=268435456;break;default:i=0}l=0!==(i&(l.suspendedLanes|t))?0:i,0!==l&&l!==a.retryLane&&(a.retryLane=l,Iu(e,l,-1))}$u(),n=ua(e,n,t,Error(u(421)))}else Me(r)?(n.flags|=128,n.child=e.child,n=li.bind(null,e),Qe(r,n),n=null):(t=a.treeContext,J&&(Yt=Ae(r),Gt=n,Jt=!0,Xt=null,Kt=!1,null!==t&&(Ht[Bt++]=At,Ht[Bt++]=jt,Ht[Bt++]=Wt,At=t.id,jt=t.overflow,Wt=n)),n=ra(n,n.pendingProps.children),n.flags|=4096);return n}return i?(l=aa(e,n,l.children,l.fallback,t),i=n.child,a=e.child.memoizedState,i.memoizedState=null===a?na(t):{baseLanes:a.baseLanes|t,cachePool:null},i.childLanes=e.childLanes&~t,n.memoizedState=ea,l):(t=la(e,n,l.children,t),n.memoizedState=null,t)}return i?(l=aa(e,n,l.children,l.fallback,t),i=n.child,a=e.child.memoizedState,i.memoizedState=null===a?na(t):{baseLanes:a.baseLanes|t,cachePool:null},i.childLanes=e.childLanes&~t,n.memoizedState=ea,l):(t=la(e,n,l.children,t),n.memoizedState=null,t)}function ra(e,n){return n=hi({mode:"visible",children:n},e.mode,0,null),n.return=e,e.child=n}function la(e,n,t,r){var l=e.child;return e=l.sibling,t=fi(l,{mode:"visible",children:t}),0===(1&n.mode)&&(t.lanes=r),t.return=n,t.sibling=null,null!==e&&(r=n.deletions,null===r?(n.deletions=[e],n.flags|=16):r.push(e)),n.child=t}function aa(e,n,t,r,l){var a=n.mode;e=e.child;var u=e.sibling,i={mode:"hidden",children:t};return 0===(1&a)&&n.child!==e?(t=n.child,t.childLanes=0,t.pendingProps=i,n.deletions=null):(t=fi(e,i),t.subtreeFlags=14680064&e.subtreeFlags),null!==u?r=fi(u,r):(r=pi(r,a,l,null),r.flags|=2),r.return=n,t.return=n,t.sibling=r,n.child=t,r}function ua(e,n,t,r){return null!==r&&ur(r),fr(n,e.child,null,t),e=ra(n,n.pendingProps.children),e.flags|=2,n.memoizedState=null,e}function ia(e,n,t){e.lanes|=n;var r=e.alternate;null!==r&&(r.lanes|=n),gt(e.return,n,t)}function oa(e,n,t,r,l){var a=e.memoizedState;null===a?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:r,tail:t,tailMode:l}:(a.isBackwards=n,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=t,a.tailMode=l)}function sa(e,n,t){var r=n.pendingProps,l=r.revealOrder,a=r.tail;if(jl(e,n,r.children,t),r=xr.current,0!==(2&r))r=1&r|2,n.flags|=128;else{if(null!==e&&0!==(128&e.flags))e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&ia(e,t,n);else if(19===e.tag)ia(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(sn(xr,r),0===(1&n.mode))n.memoizedState=null;else switch(l){case"forwards":for(t=n.child,l=null;null!==t;)e=t.alternate,null!==e&&null===wr(e)&&(l=t),t=t.sibling;t=l,null===t?(l=n.child,n.child=null):(l=t.sibling,t.sibling=null),oa(n,!1,l,t,a);break;case"backwards":for(t=null,l=n.child,n.child=null;null!==l;){if(e=l.alternate,null!==e&&null===wr(e)){n.child=l;break}e=l.sibling,l.sibling=t,t=l,l=e}oa(n,!0,t,null,a);break;case"together":oa(n,!1,null,null,void 0);break;default:n.memoizedState=null}return n.child}function ca(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),cu|=n.lanes,0===(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(u(153));if(null!==n.child){for(e=n.child,t=fi(e,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,t=t.sibling=fi(e,e.pendingProps),t.return=n;t.sibling=null}return n.child}function fa(e,n,t){switch(n.tag){case 3:Xl(n),ar();break;case 5:Sr(n);break;case 1:gn(n.type)&&yn(n);break;case 4:br(n,n.stateNode.containerInfo);break;case 10:pt(n,n.type._context,n.memoizedProps.value);break;case 13:var r=n.memoizedState;if(null!==r)return null!==r.dehydrated?(sn(xr,1&xr.current),n.flags|=128,null):0!==(t&n.child.childLanes)?ta(e,n,t):(sn(xr,1&xr.current),e=ca(e,n,t),null!==e?e.sibling:null);sn(xr,1&xr.current);break;case 19:if(r=0!==(t&n.childLanes),0!==(128&e.flags)){if(r)return sa(e,n,t);n.flags|=128}var l=n.memoizedState;if(null!==l&&(l.rendering=null,l.tail=null,l.lastEffect=null),sn(xr,xr.current),r)break;return null;case 22:case 23:return n.lanes=0,ql(e,n,t)}return ca(e,n,t)}function da(e,n){switch(qt(n),n.tag){case 1:return gn(n.type)&&mn(),e=n.flags,65536&e?(n.flags=-65537&e|128,n):null;case 3:return yr(),on(dn),on(fn),Nr(),e=n.flags,0!==(65536&e)&&0===(128&e)?(n.flags=-65537&e|128,n):null;case 5:return kr(n),null;case 13:if(on(xr),e=n.memoizedState,null!==e&&null!==e.dehydrated){if(null===n.alternate)throw Error(u(340));ar()}return e=n.flags,65536&e?(n.flags=-65537&e|128,n):null;case 19:return on(xr),null;case 4:return yr(),null;case 10:return ht(n.type._context),null;case 22:case 23:return Wu(),null;case 24:return null;default:return null}}var pa=!1,ha=!1,ga="function"===typeof WeakSet?WeakSet:Set,ma=null;function va(e,n){var t=e.ref;if(null!==t)if("function"===typeof t)try{t(null)}catch(t){ni(e,n,t)}else t.current=null}function ba(e,n,t){try{t()}catch(t){ni(e,n,t)}}var ya=!1;function Sa(e,n){for(M(e.containerInfo),ma=n;null!==ma;)if(e=ma,n=e.child,0!==(1028&e.subtreeFlags)&&null!==n)n.return=e,ma=n;else for(;null!==ma;){e=ma;try{var t=e.alternate;if(0!==(1024&e.flags))switch(e.tag){case 0:case 11:case 15:break;case 1:if(null!==t){var r=t.memoizedProps,l=t.memoizedState,a=e.stateNode,i=a.getSnapshotBeforeUpdate(e.elementType===e.type?r:it(e.type,r),l);a.__reactInternalSnapshotBeforeUpdate=i}break;case 3:G&&Ne(e.stateNode.containerInfo);break;case 5:case 6:case 4:case 17:break;default:throw Error(u(163))}}catch(n){ni(e,e.return,n)}if(n=e.sibling,null!==n){n.return=e.return,ma=n;break}ma=e.return}return t=ya,ya=!1,t}function ka(e,n,t){var r=n.updateQueue;if(r=null!==r?r.lastEffect:null,null!==r){var l=r=r.next;do{if((l.tag&e)===e){var a=l.destroy;l.destroy=void 0,void 0!==a&&ba(n,t,a)}l=l.next}while(l!==r)}}function xa(e,n){if(n=n.updateQueue,n=null!==n?n.lastEffect:null,null!==n){var t=n=n.next;do{if((t.tag&e)===e){var r=t.create;t.destroy=r()}t=t.next}while(t!==n)}}function wa(e){var n=e.ref;if(null!==n){var t=e.stateNode;switch(e.tag){case 5:e=R(t);break;default:e=t}"function"===typeof n?n(e):n.current=e}}function za(e,n,t){if(Gn&&"function"===typeof Gn.onCommitFiberUnmount)try{Gn.onCommitFiberUnmount(qn,n)}catch(e){}switch(n.tag){case 0:case 11:case 14:case 15:if(e=n.updateQueue,null!==e&&(e=e.lastEffect,null!==e)){var r=e=e.next;do{var l=r,a=l.destroy;l=l.tag,void 0!==a&&(0!==(2&l)||0!==(4&l))&&ba(n,t,a),r=r.next}while(r!==e)}break;case 1:if(va(n,t),e=n.stateNode,"function"===typeof e.componentWillUnmount)try{e.props=n.memoizedProps,e.state=n.memoizedState,e.componentWillUnmount()}catch(e){ni(n,t,e)}break;case 5:va(n,t);break;case 4:G?Ta(e,n,t):Y&&Y&&(n=n.stateNode.containerInfo,t=Pe(n),Le(n,t))}}function Na(e,n,t){for(var r=n;;)if(za(e,r,t),null===r.child||G&&4===r.tag){if(r===n)break;for(;null===r.sibling;){if(null===r.return||r.return===n)return;r=r.return}r.sibling.return=r.return,r=r.sibling}else r.child.return=r,r=r.child}function Ea(e){var n=e.alternate;null!==n&&(e.alternate=null,Ea(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&(n=e.stateNode,null!==n&&ee(n)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Pa(e){return 5===e.tag||3===e.tag||4===e.tag}function Ca(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||Pa(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function _a(e){if(G){e:{for(var n=e.return;null!==n;){if(Pa(n))break e;n=n.return}throw Error(u(160))}var t=n;switch(t.tag){case 5:n=t.stateNode,32&t.flags&&(Se(n),t.flags&=-33),t=Ca(e),Ia(e,t,n);break;case 3:case 4:n=t.stateNode.containerInfo,t=Ca(e),La(e,t,n);break;default:throw Error(u(161))}}}function La(e,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?ve(t,e,n):de(t,e);else if(4!==r&&(e=e.child,null!==e))for(La(e,n,t),e=e.sibling;null!==e;)La(e,n,t),e=e.sibling}function Ia(e,n,t){var r=e.tag;if(5===r||6===r)e=e.stateNode,n?me(t,e,n):fe(t,e);else if(4!==r&&(e=e.child,null!==e))for(Ia(e,n,t),e=e.sibling;null!==e;)Ia(e,n,t),e=e.sibling}function Ta(e,n,t){for(var r,l,a=n,i=!1;;){if(!i){i=a.return;e:for(;;){if(null===i)throw Error(u(160));switch(r=i.stateNode,i.tag){case 5:l=!1;break e;case 3:r=r.containerInfo,l=!0;break e;case 4:r=r.containerInfo,l=!0;break e}i=i.return}i=!0}if(5===a.tag||6===a.tag)Na(e,a,t),l?ye(r,a.stateNode):be(r,a.stateNode);else if(18===a.tag)l?Je(r,a.stateNode):Ye(r,a.stateNode);else if(4===a.tag){if(null!==a.child){r=a.stateNode.containerInfo,l=!0,a.child.return=a,a=a.child;continue}}else if(za(e,a,t),null!==a.child){a.child.return=a,a=a.child;continue}if(a===n)break;for(;null===a.sibling;){if(null===a.return||a.return===n)return;a=a.return,4===a.tag&&(i=!1)}a.sibling.return=a.return,a=a.sibling}}function Ra(e,n){if(G){switch(n.tag){case 0:case 11:case 14:case 15:return ka(3,n,n.return),xa(3,n),void ka(5,n,n.return);case 1:return;case 5:var t=n.stateNode;if(null!=t){var r=n.memoizedProps;e=null!==e?e.memoizedProps:r;var l=n.type,a=n.updateQueue;n.updateQueue=null,null!==a&&ge(t,a,l,e,r,n)}return;case 6:if(null===n.stateNode)throw Error(u(162));return t=n.memoizedProps,void pe(n.stateNode,null!==e?e.memoizedProps:t,t);case 3:return void(J&&null!==e&&e.memoizedState.isDehydrated&&qe(n.stateNode.containerInfo));case 12:return;case 13:return void Fa(n);case 19:return void Fa(n);case 17:return}throw Error(u(163))}switch(n.tag){case 0:case 11:case 14:case 15:return ka(3,n,n.return),xa(3,n),void ka(5,n,n.return);case 12:return;case 13:return void Fa(n);case 19:return void Fa(n);case 3:J&&null!==e&&e.memoizedState.isDehydrated&&qe(n.stateNode.containerInfo);break;case 22:case 23:return}e:if(Y){switch(n.tag){case 1:case 5:case 6:break e;case 3:case 4:n=n.stateNode,Le(n.containerInfo,n.pendingChildren);break e}throw Error(u(163))}}function Fa(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new ga),n.forEach(function(n){var r=ai.bind(null,e,n);t.has(n)||(t.add(n),n.then(r,r))})}}function Ua(e,n){for(ma=n;null!==ma;){n=ma;var t=n.deletions;if(null!==t)for(var r=0;r";case Aa:return":has("+(Ya(e)||"")+")";case ja:return'[role="'+e.value+'"]';case $a:return'"'+e.value+'"';case Oa:return'[data-testname="'+e.value+'"]';default:throw Error(u(365))}}function Ja(e,n){var t=[];e=[e,0];for(var r=0;rl&&(l=i),r&=~a}if(r=l,r=An()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Xa(r/1960))-r,10e?16:e,null===wu)var r=!1;else{if(e=wu,wu=null,zu=0,0!==(6&tu))throw Error(u(331));var l=tu;for(tu|=4,ma=e.current;null!==ma;){var a=ma,i=a.child;if(0!==(16&ma.flags)){var o=a.deletions;if(null!==o){for(var s=0;sAn()-gu?Au(e,0):du|=t),Ru(e,n)}function ri(e,n){0===n&&(0===(1&e.mode)?n=1:(n=En,En<<=1,0===(130023424&En)&&(En=4194304)));var t=_u();e=Tu(e,n),null!==e&&(Rn(e,n,t),Ru(e,t))}function li(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),ri(e,t)}function ai(e,n){var t=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;null!==l&&(t=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(u(314))}null!==r&&r.delete(n),ri(e,t)}function ui(e,n){return Qn(e,n)}function ii(e,n,t,r){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function oi(e,n,t,r){return new ii(e,n,t,r)}function si(e){return e=e.prototype,!(!e||!e.isReactComponent)}function ci(e){if("function"===typeof e)return si(e)?1:0;if(void 0!==e&&null!==e){if(e=e.$$typeof,e===g)return 11;if(e===b)return 14}return 2}function fi(e,n){var t=e.alternate;return null===t?(t=oi(e.tag,n,e.key,e.mode),t.elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function di(e,n,t,r,l,a){var i=2;if(r=e,"function"===typeof e)si(e)&&(i=1);else if("string"===typeof e)i=5;else e:switch(e){case c:return pi(t.children,l,a,n);case f:i=8,l|=8;break;case d:return e=oi(12,t,n,2|l),e.elementType=d,e.lanes=a,e;case m:return e=oi(13,t,n,l),e.elementType=m,e.lanes=a,e;case v:return e=oi(19,t,n,l),e.elementType=v,e.lanes=a,e;case S:return hi(t,l,a,n);default:if("object"===typeof e&&null!==e)switch(e.$$typeof){case p:i=10;break e;case h:i=9;break e;case g:i=11;break e;case b:i=14;break e;case y:i=16,r=null;break e}throw Error(u(130,null==e?e:typeof e,""))}return n=oi(i,t,n,l),n.elementType=e,n.type=r,n.lanes=a,n}function pi(e,n,t,r){return e=oi(7,e,r,n),e.lanes=t,e}function hi(e,n,t,r){return e=oi(22,e,r,n),e.elementType=S,e.lanes=t,e.stateNode={},e}function gi(e,n,t){return e=oi(6,e,null,n),e.lanes=t,e}function mi(e,n,t){return n=oi(4,null!==e.children?e.children:[],e.key,n),n.lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function vi(e,n,t,r,l){this.tag=n,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=V,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Tn(0),this.expirationTimes=Tn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Tn(0),this.identifierPrefix=r,this.onRecoverableError=l,J&&(this.mutableSourceEagerHydrationData=null)}function bi(e,n,t,r,l,a,u,i,o){return e=new vi(e,n,t,i,o),1===n?(n=1,!0===a&&(n|=8)):n=0,a=oi(3,null,null,n),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:t,cache:null,transitions:null},St(a),e}function yi(e){if(!e)return cn;e=e._reactInternals;e:{if(N(e)!==e||1!==e.tag)throw Error(u(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(gn(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(u(171))}if(1===e.tag){var t=e.type;if(gn(t))return bn(e,t,n)}return n}function Si(e){var n=e._reactInternals;if(void 0===n){if("function"===typeof e.render)throw Error(u(188));throw e=Object.keys(e).join(","),Error(u(268,e))}return e=C(n),null===e?null:e.stateNode}function ki(e,n){if(e=e.memoizedState,null!==e&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t=c&&a>=d&&l<=f&&i<=p){e.splice(n,1);break}if(!(r!==c||t.width!==s.width||pi)){d>a&&(s.height+=d-a,s.y=a),pl)){c>r&&(s.width+=c-r,s.x=r),ft&&(t=i)),i ")+"\n\nNo matching component was found for:\n "+e.join(" > ")}return null},n.getPublicRootInstance=function(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return R(e.child.stateNode);default:return e.child.stateNode}},n.injectIntoDevTools=function(e){if(e={bundleType:e.bundleType,version:e.version,rendererPackageName:e.rendererPackageName,rendererConfig:e.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:i.ReactCurrentDispatcher,findHostInstanceByFiber:wi,findFiberByHostInstance:e.findFiberByHostInstance||zi,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.0.0-fc46dba67-20220329"},"undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)e=!1;else{var n=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(n.isDisabled||!n.supportsFiber)e=!0;else{try{qn=n.inject(e),Gn=n}catch(e){}e=!!n.checkDCE}}return e},n.isAlreadyRendering=function(){return!1},n.observeVisibleRects=function(e,n,t,r){if(!re)throw Error(u(363));e=Ka(e,n);var l=ce(e,t,r).disconnect;return{disconnect:function(){l()}}},n.registerMutableSourceForHydration=function(e,n){var t=n._getVersion;t=t(n._source),null==e.mutableSourceEagerHydrationData?e.mutableSourceEagerHydrationData=[n,t]:e.mutableSourceEagerHydrationData.push(n,t)},n.runWithPriority=function(e,n){var t=Mn;try{return Mn=e,n()}finally{Mn=t}},n.shouldError=function(){return null},n.shouldSuspend=function(){return!1},n.updateContainer=function(e,n,t,r){var l=n.current,a=_u(),u=Lu(l);return t=yi(t),null===n.context?n.context=t:n.pendingContext=t,n=xt(a,u),n.payload={element:e},r=void 0===r?null:r,null!==r&&(n.callback=r),wt(l,n),e=Iu(l,u,a),null!==e&&zt(e,l,u),u},n}},772:function(e,n,t){"use strict";e.exports=t(735)},4845:function(e,n,t){"use strict";e.exports=t(2935)},8271:function(e,n,t){"use strict";var r=t(7842)["navigator"];function l(e,n){var t=e.length;e.push(n);e:for(;0>>1,l=e[r];if(!(0>>1;ri(o,t))si(c,o)?(e[r]=c,e[s]=t,r=s):(e[r]=o,e[u]=t,r=u);else{if(!(si(c,t)))break e;e[r]=c,e[s]=t,r=s}}}return n}function i(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"===typeof performance&&"function"===typeof performance.now){var o=performance;n.unstable_now=function(){return o.now()}}else{var s=Date,c=s.now();n.unstable_now=function(){return s.now()-c}}var f=[],d=[],p=1,h=null,g=3,m=!1,v=!1,b=!1,y="function"===typeof setTimeout?setTimeout:null,S="function"===typeof clearTimeout?clearTimeout:null,k="undefined"!==typeof setImmediate?setImmediate:null;function x(e){for(var n=a(d);null!==n;){if(null===n.callback)u(d);else{if(!(n.startTime<=e))break;u(d),n.sortIndex=n.expirationTime,l(f,n)}n=a(d)}}function w(e){if(b=!1,x(e),!v)if(null!==a(f))v=!0,U(z);else{var n=a(d);null!==n&&M(w,n.startTime-e)}}function z(e,t){v=!1,b&&(b=!1,S(C),C=-1),m=!0;var r=g;try{for(x(t),h=a(f);null!==h&&(!(h.expirationTime>t)||e&&!I());){var l=h.callback;if("function"===typeof l){h.callback=null,g=h.priorityLevel;var i=l(h.expirationTime<=t);t=n.unstable_now(),"function"===typeof i?h.callback=i:h===a(f)&&u(f),x(t)}else u(f);h=a(f)}if(null!==h)var o=!0;else{var s=a(d);null!==s&&M(w,s.startTime-t),o=!1}return o}finally{h=null,g=r,m=!1}}"undefined"!==typeof r&&void 0!==r.scheduling&&void 0!==r.scheduling.isInputPending&&r.scheduling.isInputPending.bind(r.scheduling);var N,E=!1,P=null,C=-1,_=5,L=-1;function I(){return!(n.unstable_now()-L<_)}function T(){if(null!==P){var e=n.unstable_now();L=e;var t=!0;try{t=P(!0,e)}finally{t?N():(E=!1,P=null)}}else E=!1}if("function"===typeof k)N=function(){k(T)};else if("undefined"!==typeof MessageChannel){var R=new MessageChannel,F=R.port2;R.port1.onmessage=T,N=function(){F.postMessage(null)}}else N=function(){y(T,0)};function U(e){P=e,E||(E=!0,N())}function M(e,t){C=y(function(){e(n.unstable_now())},t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){v||m||(v=!0,U(z))},n.unstable_forceFrameRate=function(e){0>e||125u?(e.sortIndex=r,l(d,e),null===a(f)&&e===a(d)&&(b?(S(C),C=-1):b=!0,M(w,r-u))):(e.sortIndex=i,l(f,e),v||m||(v=!0,U(z))),e},n.unstable_shouldYield=I,n.unstable_wrapCallback=function(e){var n=g;return function(){var t=g;g=n;try{return e.apply(this,arguments)}finally{g=t}}}},8585:function(e,n,t){"use strict";e.exports=t(8271)}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[907,96,76],function(){return n(4247)});e.O()}]); \ No newline at end of file diff --git a/dist/app.json b/dist/app.json index f8f7f17..ff97001 100644 --- a/dist/app.json +++ b/dist/app.json @@ -1 +1 @@ -{"darkmode":true,"themeLocation":"theme.json","pages":["pages/index/index","pages/shop/index","pages/shop/detail/index","pages/product/index","pages/diy/index","pages/diy/stickerEdit/index","pages/checkout/index","pages/designList/index","pages/orders/index","pages/profile/index","pages/service/index","pages/wordcloud/index","pages/orderDetail/index","pages/address/index","pages/settings/index","pages/agreement/index","pages/userDatabase/index"],"window":{"backgroundTextStyle":"dark","navigationStyle":"custom","navigationBarBackgroundColor":"#ffffff","backgroundColor":"#ffffff","backgroundColorTop":"#ffffff","backgroundColorBottom":"#ffffff","navigationBarTextStyle":"black"},"tabBar":{"custom":true,"list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":"pages/shop/index","text":"商品"},{"pagePath":"pages/designList/index","text":"设计清单"},{"pagePath":"pages/orders/index","text":"订单"},{"pagePath":"pages/profile/index","text":"我的"}]}} \ No newline at end of file +{"darkmode":true,"themeLocation":"theme.json","pages":["pages/index/index","pages/shop/index","pages/shop/detail/index","pages/product/index","pages/diy/index","pages/diy/stickerEdit/index","pages/checkout/index","pages/designList/index","pages/orders/index","pages/profile/index","pages/service/index","pages/wordcloud/index","pages/orderDetail/index","pages/address/index","pages/settings/index","pages/agreement/index","pages/userDatabase/index"],"window":{"backgroundTextStyle":"dark","navigationStyle":"custom","navigationBarBackgroundColor":"#faf7f2","backgroundColor":"#faf7f2","backgroundColorTop":"#faf7f2","backgroundColorBottom":"#faf7f2","navigationBarTextStyle":"black"},"tabBar":{"custom":true,"list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":"pages/shop/index","text":"商品"},{"pagePath":"pages/designList/index","text":"设计清单"},{"pagePath":"pages/orders/index","text":"订单"},{"pagePath":"pages/profile/index","text":"我的"}]}} \ No newline at end of file diff --git a/dist/app.wxss b/dist/app.wxss index f76fb7f..6462ef6 100644 --- a/dist/app.wxss +++ b/dist/app.wxss @@ -1 +1 @@ -.theme-light{background-color:var(--bg-page,#fff);-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.theme-dark{background-color:var(--bg-page,#191919);-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.theme-light{--bg-page:#fff;--line-card:3rpx dashed #ffb7c5;--line-star:#ffb7c5;--text-primary:#5c3a3a;--text-secondary:#b08d8d;--text-muted:#d28a8a;--accent-pink:#ff9a9e;--accent-blue:#5b8cff;--btn-gradient:linear-gradient(135deg,#ff9a9e,#fecfef 99%);--shadow-card:0 8rpx 24rpx rgba(255,154,158,.12);--bg-input:#f8f9fa;--bg-card:#fff}.theme-dark{--bg-page:#191919;--line-card:3rpx dashed #5b8cff;--line-star:#5b8cff;--text-primary:#e6e6e6;--text-secondary:#999;--text-muted:#737373;--accent-pink:#ff7eb3;--accent-blue:#5cadff;--btn-gradient:linear-gradient(135deg,#ff7eb3,#7a5cff);--shadow-card:0 8rpx 24rpx rgba(0,0,0,.3);--bg-input:#232323;--bg-card:#232323}page{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,Segoe UI,sans-serif}.dashed-card{background:var(--bg-card);border:var(--line-card);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden;padding:32rpx;position:relative}.star-badge{height:48rpx;left:-10rpx;position:absolute;top:-10rpx;width:48rpx;z-index:2}.star-badge::before{background:var(--bg-card);border:2rpx dashed var(--line-star);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:32rpx;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32rpx}.container{padding:24rpx}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-center{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.flex-between{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.flex-column{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.text-center{text-align:center}.mt-10{margin-top:10rpx}.mt-20{margin-top:20rpx}.mb-10{margin-bottom:10rpx}.mb-20{margin-bottom:20rpx}.btn-gradient{background:var(--btn-gradient);border:none;border-radius:50rpx;-webkit-box-shadow:0 8rpx 24rpx rgba(255,154,158,.25);box-shadow:0 8rpx 24rpx rgba(255,154,158,.25);color:var(--text-primary);font-size:32rpx;font-weight:600;padding:24rpx 48rpx;text-align:center}.theme-dark .btn-gradient{-webkit-box-shadow:0 8rpx 24rpx rgba(122,92,255,.3);box-shadow:0 8rpx 24rpx rgba(122,92,255,.3);color:#fff}.btn-gradient:active{opacity:.9;-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.btn-outline{background:var(--bg-card);border:var(--line-card);border-radius:50rpx;color:var(--accent-blue);font-size:28rpx;font-weight:500;padding:20rpx 48rpx;text-align:center}.action-bar{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;background:var(--bg-card);border-top:var(--line-card);bottom:0;-webkit-box-shadow:0 -8rpx 24rpx rgba(0,0,0,.08);box-shadow:0 -8rpx 24rpx rgba(0,0,0,.08);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;left:0;padding:20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));position:fixed;right:0;z-index:500}.page-title{color:var(--text-primary);display:block;font-size:40rpx;font-weight:800}.section-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:24rpx}.badge{border-radius:50rpx;display:inline-block;font-size:22rpx;font-weight:500;padding:8rpx 20rpx}.badge-pink{background:rgba(255,154,158,.15);color:var(--accent-pink)}.badge-blue{background:rgba(160,196,255,.15);color:var(--accent-blue)}.badge-green{background:rgba(139,211,161,.15);color:#2ecc71}.badge-gray{background:hsla(0,0%,50%,.15);color:var(--text-secondary)}.safe-bottom{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.safe-bottom-placeholder{height:160rpx}.page-header{padding-top:calc(env(safe-area-inset-top, 20rpx) + 48rpx)}.back-btn,.edit-back{display:inline-block}.modal-overlay{-ms-flex-align:end;-ms-flex-pack:center;-webkit-align-items:flex-end;align-items:flex-end;background:rgba(0,0,0,.5);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:600}.addr-picker-sheet{background:var(--bg-card);border-radius:24rpx 24rpx 0 0;border-top:var(--line-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-height:70vh;padding:24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));width:100%}.system-theme-detector{height:1rpx;left:-9999rpx;opacity:0;pointer-events:none;position:fixed;top:0;width:1rpx}@media (prefers-color-scheme:dark){.system-theme-detector{opacity:1}} \ No newline at end of file +@import "./app-origin.wxss";@import "./common.wxss"; \ No newline at end of file diff --git a/dist/common.js b/dist/common.js index 29fd180..9942302 100644 --- a/dist/common.js +++ b/dist/common.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[76],{7723:function(n,t,e){e.d(t,{A:function(){return l}});var r=e(5544),o=e(758),i=e.n(o),u=e(6540),c=e(118),a=e(6764),s=e(9703),d=e(8199),f=e(4848);function l(n){var t=(0,u.useState)("checking"),e=(0,r.A)(t,2),o=e[0],l=e[1],g=(0,u.useCallback)(function(){var n=!1;return(0,a.d)().then(function(t){n||l(t?"ok":"denied")}).catch(function(){n||l("denied")}),function(){n=!0}},[]);return(0,u.useEffect)(function(){var n=g(),t=function(){g()},e=function(){g()};return i().eventCenter.on("tabBarChange",t),i().eventCenter.on(s.Wo,e),i().eventCenter.on("authStateChanged",t),function(){n(),i().eventCenter.off("tabBarChange",t),i().eventCenter.off(s.Wo,e),i().eventCenter.off("authStateChanged",t)}},[g]),"checking"===o?(0,f.jsx)(c.Ss,{className:"login-guard",children:(0,f.jsxs)(c.Ss,{className:"login-guard-inner",children:[(0,f.jsx)(c._V,{className:"login-guard-icon",src:(0,d.uq)("/icon/\u8bbe\u7f6e.png"),mode:"aspectFit"}),(0,f.jsx)(c.EY,{className:"login-guard-title",children:"\u6821\u9a8c\u767b\u5f55\u72b6\u6001"})]})}):"denied"===o?(0,f.jsx)(c.Ss,{className:"login-guard",children:(0,f.jsxs)(c.Ss,{className:"login-guard-inner",children:[(0,f.jsx)(c._V,{className:"login-guard-icon",src:(0,d.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"}),(0,f.jsx)(c.EY,{className:"login-guard-title",children:"\u8bf7\u5148\u767b\u5f55"}),(0,f.jsx)(c.EY,{className:"login-guard-desc",children:"\u767b\u5f55\u540e\u67e5\u770b\u60a8\u7684\u4e13\u5c5e\u5185\u5bb9"}),(0,f.jsx)(c.Ss,{className:"btn-gradient login-guard-btn",onTap:function(){return i().switchTab({url:"/pages/profile/index"})},children:(0,f.jsx)(c.EY,{children:"\u53bb\u767b\u5f55"})})]})}):n.children}},9674:function(n,t,e){e.d(t,{A:function(){return u}});var r=e(118),o=e(9703),i=e(4848);function u(n){var t=n.darkTop,e=void 0!==t&&t,u=(0,o.wR)(),c=u.resolvedTheme,a="dark"===c||e,s=a?"#191919":"#ffffff",d=a?"#ffffff":"#000000";return(0,i.jsx)(r.tf,{backgroundColor:s,backgroundColorTop:s,backgroundColorBottom:s,backgroundTextStyle:a?"light":"dark",rootBackgroundColor:s,children:(0,i.jsx)(r.yk,{frontColor:d,backgroundColor:s})})}},9703:function(n,t,e){e.d(t,{NP:function(){return g},Wo:function(){return l},wR:function(){return h}});var r=e(5544),o=e(6540),i=e(758),u=e.n(i),c=e(118),a=e(8594),s=e(6606),d=e(4848),f=(0,o.createContext)({theme:"auto",resolvedTheme:"light",toggleTheme:function(){},setTheme:function(){}}),l="themeChange";function g(n){var t=n.children,e=(0,o.useState)((0,a.O4)()),g=(0,r.A)(e,2),h=g[0],p=g[1],m=(0,o.useState)((0,a.eW)((0,a.O4)())),v=(0,r.A)(m,2),S=v[0],y=v[1],k=(0,o.useCallback)(function(n){y((0,a.eW)(n))},[]),A=(0,o.useCallback)(function(n){(0,a.F0)(n),p(n),k(n)},[k]),b=(0,o.useCallback)(function(){var n="light"===S?"dark":"light";A(n)},[S,A]),C=(0,o.useCallback)(function(n){(0,a.Rq)(n),"auto"===(0,a.O4)()&&y(n)},[]),w=(0,o.useCallback)(function(){try{var n=u().getAppBaseInfo();C("dark"===n.theme?"dark":"light")}catch(n){}try{u().createSelectorQuery().select(".system-theme-detector").fields({computedStyle:["opacity"]}).exec(function(n){var t=n&&n[0]&&n[0].computedStyle&&n[0].computedStyle.opacity;C("1"===t?"dark":"light")})}catch(n){}},[C]);return(0,o.useEffect)(function(){w()},[w]),(0,o.useEffect)(function(){var n,t=function(n){!n||"dark"!==n.theme&&"light"!==n.theme||C(n.theme)},e=u();return null===(n=e.onThemeChange)||void 0===n||n.call(e,t),function(){var n;null===(n=e.offThemeChange)||void 0===n||n.call(e,t)}},[C]),(0,o.useEffect)(function(){u().eventCenter.trigger(l,S)},[S]),(0,o.useEffect)(function(){(0,s.G)(S)},[S]),(0,i.useDidShow)(function(){"auto"===h&&w()}),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.Ss,{className:"system-theme-detector"}),(0,d.jsx)(f.Provider,{value:{theme:h,resolvedTheme:S,toggleTheme:b,setTheme:A},children:t})]})}function h(){return(0,o.useContext)(f)}},9201:function(n,t,e){e.d(t,{c:function(){return a}});var r=e(5544),o=e(6540),i=e(758),u=e.n(i),c=null;function a(){var n=(0,o.useState)(null!==c&&void 0!==c?c:{statusBarHeight:20,menuButtonTop:26,menuButtonHeight:32,capsuleRight:368,safeInsetTop:20,safeInsetBottom:0,headerPaddingTop:66,backBtnPaddingTop:20}),t=(0,r.A)(n,2),e=t[0],i=t[1];return(0,o.useEffect)(function(){if(c)i(c);else try{var n,t,e,r,o,a,s,d,f=u().getSystemInfoSync(),l=u().getMenuButtonBoundingClientRect(),g=f.statusBarHeight||20,h=null!==(n=l.top)&&void 0!==n?n:g+4,p=null!==(t=l.height)&&void 0!==t?t:32,m=null!==(e=l.right)&&void 0!==e?e:f.windowWidth-7,v=null!==(r=null===(o=f.safeArea)||void 0===o?void 0:o.top)&&void 0!==r?r:g,S=null!==(a=f.safeAreaInsetBottom)&&void 0!==a?a:f.screenHeight-(null!==(s=null===(d=f.safeArea)||void 0===d?void 0:d.bottom)&&void 0!==s?s:f.screenHeight),y=Math.max(h+p+6,g+44),k=Math.max(g,h-4),A={statusBarHeight:g,menuButtonTop:h,menuButtonHeight:p,capsuleRight:m,safeInsetTop:v,safeInsetBottom:S,headerPaddingTop:y,backBtnPaddingTop:k};c=A,i(A)}catch(n){}},[]),e}},5414:function(n,t,e){e.d(t,{l:function(){return c}});var r=e(6540),o=e(758),i=e.n(o),u=e(6606);function c(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=t.mode,c=void 0===e?"auto":e,a=(0,r.useCallback)(function(){var t="dark"===c||"auto"===c&&"light"===n,e=t?"#000000":"#ffffff",r=t?"#ffffff":"#191919";i().setNavigationBarColor({frontColor:e,backgroundColor:r}),(0,u.G)(n,r)},[c,n]);(0,r.useEffect)(a,[a]),(0,o.useDidShow)(a)}},6295:function(n,t,e){e.d(t,{gf:function(){return i.gf},iD:function(){return u},jp:function(){return f},r7:function(){return a},ri:function(){return d}});var r=e(1212),o=e(467),i=e(3246);function u(n){return c.apply(this,arguments)}function c(){return c=(0,o.A)((0,r.A)().m(function n(t){var e;return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.n=1,i.Ay.post("/api/auth/login",{code:t},{auth:!1});case 1:return e=n.v,null!==e&&void 0!==e&&e.accessToken&&(0,i.WG)(e.accessToken),n.a(2,e)}},n)})),c.apply(this,arguments)}function a(n){return s.apply(this,arguments)}function s(){return s=(0,o.A)((0,r.A)().m(function n(t){return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.a(2,i.Ay.patch("/api/users/me",t))}},n)})),s.apply(this,arguments)}function d(){(0,i.L)()}function f(){return l.apply(this,arguments)}function l(){return l=(0,o.A)((0,r.A)().m(function n(){return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.a(2,i.Ay.get("/api/users/me"))}},n)})),l.apply(this,arguments)}},8199:function(n,t,e){e.d(t,{uq:function(){return o}});var r="https://wordcloudwechat.oss-cn-hangzhou.aliyuncs.com";function o(n){if(!n)return"";if(/^(https?:|wxfile:|data:)/i.test(n))return n;if(!r)return n;var t=r.replace(/\/+$/,"");if(!n.startsWith("/img/"))return n;var e=n.startsWith("/")?n:"/".concat(n);return"".concat(t).concat(e)}},6764:function(n,t,e){e.d(t,{d:function(){return S},m:function(){return h}});var r=e(1212),o=e(467),i=e(2284),u=e(758),c=e.n(u),a=e(6295),s=e(8594),d="smart_auth_verified",f=18e5,l=null,g=null;function h(){l=null,g=null;try{c().removeStorageSync(d)}catch(n){}}function p(n){var t=l||function(){try{var n=c().getStorageSync(d);return n&&"object"===(0,i.A)(n)?n:null}catch(n){return null}}();return t&&t.openid===n?Date.now()-t.at>f?null:(l=t,t.ok):null}function m(n,t){var e={openid:n,ok:t,at:Date.now()};l=e;try{c().setStorageSync(d,e)}catch(n){}}function v(){var n=(0,s.Q4)();return!(null===n||void 0===n||!n.openid)&&!(0,s.Ic)(n.openid)&&!!n.accessToken&&!!(0,a.gf)()}function S(){return y.apply(this,arguments)}function y(){return y=(0,o.A)((0,r.A)().m(function n(){var t,e;return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:if(t=(0,s.Q4)(),null!==t&&void 0!==t&&t.openid){n.n=1;break}return console.log("[AuthGuard] \u65e0\u672c\u5730\u7528\u6237\uff0c\u5224\u5b9a\u672a\u767b\u5f55"),n.a(2,!1);case 1:if(console.log("[AuthGuard] \u672c\u5730\u7528\u6237 openid=",t.openid),!(0,s.Ic)(t.openid)){n.n=2;break}return(0,s.Hf)(),(0,a.ri)(),h(),n.a(2,!1);case 2:if(e=p(t.openid),null===e){n.n=3;break}return console.log("[AuthGuard] \u547d\u4e2d\u672c\u5730\u7f13\u5b58 ok=",e),n.a(2,e);case 3:return g||(g=(0,a.jp)().then(function(n){console.log("[AuthGuard] getMe \u8fd4\u56de:",JSON.stringify(n));var e=!!n&&!!n.id&&n.openid===t.openid;return console.log("[AuthGuard] \u4e00\u81f4\u6027=",e),e?(m(t.openid,!0),!0):((0,s.Hf)(),(0,a.ri)(),h(),!1)}).catch(function(n){return console.error("[AuthGuard] getMe \u5931\u8d25\uff0c\u8d70\u672c\u5730\u4f1a\u8bdd\u515c\u5e95:",n),v()}).finally(function(){g=null})),n.a(2,g)}},n)})),y.apply(this,arguments)}},5234:function(n,t,e){e.d(t,{QE:function(){return d},R6:function(){return c},rj:function(){return s},y9:function(){return a},zv:function(){return u}});var r=e(9379),o=e(8199),i=[{id:"notebook-small",name:"\u5fae\u96d5\u7b14\u8bb0\u672c\uff08\u5c0f\uff09",desc:"\u4fbf\u643a\u968f\u884c\uff0c\u8bb0\u5f55\u70b9\u6ef4",icon:"/icon/\u4e66\u672c.png",iconImg:"/icon/\u4e66\u672c.png",price:12,originalPrice:18,leadTime:"3-5\u4e2a\u5de5\u4f5c\u65e5",description:"\u7cbe\u9009\u4f18\u8d28\u7eb8\u5f20\uff0c\u5c01\u9762\u91c7\u7528\u9ad8\u6863PU\u6750\u8d28\uff0c\u624b\u611f\u7ec6\u817b\u3002\u5185\u9875\u53ef\u5b9a\u5236\u6a2a\u7ebf\u3001\u65b9\u683c\u6216\u7a7a\u767d\u4e09\u79cd\u7248\u5f0f\u3002\u6fc0\u5149\u5fae\u96d5\u5de5\u827a\u5c06\u540d\u5b57\u6216\u56fe\u6848\u7cbe\u51c6\u523b\u5370\u5728\u5c01\u9762\uff0c\u6c38\u4e0d\u892a\u8272\u3002\u5c0f\u5de7\u8f7b\u4fbf\uff0c\u9002\u5408\u968f\u8eab\u643a\u5e26\uff0c\u65e0\u8bba\u662f\u8bfe\u5802\u7b14\u8bb0\u8fd8\u662f\u65e5\u5e38\u5907\u5fd8\uff0c\u90fd\u662f\u4f60\u7684\u4e13\u5c5e\u4f34\u4fa3\u3002",subtitle:"\u638c\u5fc3\u95f4\u7684\u4e13\u5c5e\u5370\u8bb0 \xb7 \u6fc0\u5149\u5fae\u96d5 \xb7 \u4e09\u8272\u5185\u9875\u53ef\u9009",tone:[28,22,18],story:"\u7075\u611f\u6e90\u81ea\u624b\u8d26\u6587\u5316\u4e2d\u5bf9\u4e66\u5199\u4eea\u5f0f\u611f\u7684\u8ffd\u6c42\u3002\u6211\u4eec\u76f8\u4fe1\uff0c\u5728\u6570\u5b57\u6d2a\u6d41\u7684\u65f6\u4ee3\uff0c\u7eb8\u7b14\u7684\u6e29\u5ea6\u4f9d\u7136\u4e0d\u53ef\u66ff\u4ee3\u3002\u5f53\u6fc0\u5149\u5fae\u96d5\u5728PU\u5c01\u9762\u4e0a\u7559\u4e0b\u4e13\u5c5e\u5370\u8bb0\uff0c\u6bcf\u4e00\u7b14\u4e66\u5199\u90fd\u5728\u4e0e\u8fc7\u53bb\u5bf9\u8bdd\u3002\u7b14\u8bb0\u672c\u5c0f\u5de7\u5230\u8db3\u4ee5\u653e\u5165\u4efb\u4f55\u53e3\u888b\uff0c\u5374\u627f\u8f7d\u7740\u72ec\u4e00\u65e0\u4e8c\u7684\u8bb0\u5fc6\u3002",scene:"\u8bfe\u5802\u7b14\u8bb0\u3001\u65e5\u5e38\u5907\u5fd8\u3001\u65c5\u884c\u624b\u8d26\u3001\u5fc3\u60c5\u65e5\u8bb0\u3002\u9002\u5408\u9001\u7ed9\u540c\u5b66\u3001\u4f34\u4fa3\u6216\u4f5c\u4e3a\u6d3b\u52a8\u4f34\u624b\u793c\u2014\u2014\u8ba9\u6bcf\u4e00\u4e2a\u4eba\u90fd\u62e5\u6709\u523b\u7740\u81ea\u5df1\u540d\u5b57\u7684\u4e13\u5c5e\u7b14\u8bb0\u672c\u3002",tags:["\u4f34\u624b\u793c","\u5b66\u751f","\u624b\u8d26","\u4fbf\u643a","\u6fc0\u5149\u5fae\u96d5"],specs:[["\u5c3a\u5bf8","105 \xd7 148mm\uff08A6\uff09"],["\u9875\u6570","120\u5f20/240\u9875"],["\u5185\u9875\u7248\u5f0f","\u6a2a\u7ebf / \u65b9\u683c / \u7a7a\u767d \u53ef\u9009"],["\u5c01\u9762\u6750\u8d28","\u9ad8\u6863PU\u76ae\u9769"],["\u96d5\u523b\u5de5\u827a","CO2 \u6fc0\u5149\u5fae\u96d5\uff08\u6c38\u4e0d\u892a\u8272\uff09"],["\u9002\u7528\u573a\u666f","\u8bfe\u5802\u3001\u65c5\u884c\u3001\u65e5\u5e38\u5907\u5fd8"]],images:["/img/book_small/The1.jpg"],mask:{shape:"rect",width:300,height:420,borderRadius:8}},{id:"notebook-large",name:"\u5fae\u96d5\u7b14\u8bb0\u672c\uff08\u5927\uff09",desc:"\u5927\u5f00\u672c\uff0c\u66f4\u591a\u521b\u4f5c\u7a7a\u95f4",icon:"/icon/\u4e66\u672c_\u5927.png",iconImg:"/icon/\u4e66\u672c_\u5927.png",price:45,originalPrice:58,leadTime:"3-5\u4e2a\u5de5\u4f5c\u65e5",description:"A4\u5c3a\u5bf8\u5927\u5f00\u672c\uff0c180\xb0\u5e73\u644a\u8bbe\u8ba1\uff0c\u4e66\u5199\u66f4\u81ea\u7531\u3002\u5c01\u9762\u53ef\u9009\u771f\u76ae\u3001\u4eff\u5e03\u7eb9\u6216\u78e8\u7802\u6750\u8d28\uff0c\u6fc0\u5149\u5fae\u96d5\u533a\u57df\u66f4\u5927\uff0c\u9002\u5408\u5448\u73b0\u5168\u73ed\u540d\u5b57\u3001\u56e2\u961f\u53e3\u53f7\u6216\u516c\u53f8Logo\u7b49\u5927\u7bc7\u5e45\u5185\u5bb9\u3002\u662f\u6bd5\u4e1a\u7eaa\u5ff5\u3001\u4f01\u4e1a\u5e74\u4f1a\u793c\u54c1\u7684\u9996\u9009\u3002",subtitle:"\u5927\u7bc7\u5e45\u5b9a\u5236\u9996\u9009 \xb7 180\xb0\u5e73\u644a \xb7 \u6bd5\u4e1a/\u56e2\u5efa\u5fc5\u5907",tone:[35,28,22],story:"\u6bcf\u4e00\u6b21\u544a\u522b\u90fd\u503c\u5f97\u88ab\u90d1\u91cd\u4e66\u5199\u3002\u6bd5\u4e1a\u5b63\u7684\u6559\u5ba4\u91cc\uff0c\u7b14\u8bb0\u672c\u644a\u5f00\u5728\u8bfe\u684c\u4e0a\uff0c\u5168\u73ed\u7684\u540d\u5b57\u88ab\u6fc0\u5149\u523b\u5370\u5728\u5c01\u9762\u4e2d\u592e\uff0c\u6210\u4e3a\u6c38\u6052\u7684\u540c\u5b66\u5f55\u3002180\xb0\u5e73\u644a\u8bbe\u8ba1\u8ba9\u4e66\u5199\u4e0d\u518d\u88ab\u8ba2\u88c5\u675f\u7f1a\uff0cA4\u5927\u5c3a\u5bf8\u7ed9\u4f60\u5c3d\u60c5\u6325\u6d12\u7684\u5929\u5730\u3002\u8fd9\u662f\u9001\u7ed9\u4e00\u7fa4\u4eba\u6700\u597d\u7684\u544a\u522b\u793c\u7269\u3002",scene:"\u6bd5\u4e1a\u7eaa\u5ff5\u518c\u3001\u516c\u53f8\u5e74\u4f1a\u793c\u54c1\u3001\u56e2\u961f\u5efa\u8bbe\u4f34\u624b\u793c\u3001\u5ba2\u6237\u7b54\u8c22\u3002\u7279\u522b\u9002\u5408\u9700\u8981\u5728\u5c01\u9762\u5448\u73b0\u5927\u91cf\u6587\u5b57\u6216\u56fe\u6848\u7684\u5b9a\u5236\u9700\u6c42\u2014\u2014\u73ed\u7ea7\u540d\u5355\u3001\u516c\u53f8\u613f\u666f\u3001\u56e2\u961f\u53e3\u53f7\u4e00\u7f51\u6253\u5c3d\u3002",tags:["\u6bd5\u4e1a\u793c","\u56e2\u5efa","\u4f01\u4e1a\u5b9a\u5236","\u5927\u7bc7\u5e45","\u5e73\u644a\u8bbe\u8ba1"],specs:[["\u5c3a\u5bf8","210 \xd7 297mm\uff08A4\uff09"],["\u9875\u6570","100\u5f20/200\u9875"],["\u5c01\u9762\u6750\u8d28","\u771f\u76ae / \u4eff\u5e03\u7eb9 / \u78e8\u7802 \u53ef\u9009"],["\u5f00\u5408\u9002\u7528","180\xb0\u5e73\u644a\u8bbe\u8ba1"],["\u96d5\u523b\u5de5\u827a","CO2 \u6fc0\u5149\u5fae\u96d5\uff08\u9ad8\u6e05\u6670\u5ea6\uff09"],["\u5b9a\u5236\u9762\u79ef","\u5c01\u9762\u6574\u9762\u53ef\u96d5"]],images:["/img/book_big/The1.jpg","/img/book_big/The2.jpg"],mask:{shape:"rect",width:340,height:480,borderRadius:8}},{id:"coaster",name:"\u94dc\u8d28\u676f\u57ab",desc:"\u91d1\u5c5e\u8d28\u611f\uff0c\u684c\u9762\u827a\u672f",icon:"/icon/\u676f\u5b50.png",iconImg:"/icon/\u676f\u5b50.png",price:25,originalPrice:35,leadTime:"5-7\u4e2a\u5de5\u4f5c\u65e5",description:"\u91c7\u7528\u4f18\u8d28\u9ec4\u94dc\u6750\u8d28\uff0c\u8868\u9762\u7ecf\u62c9\u4e1d\u5de5\u827a\u5904\u7406\uff0c\u5448\u73b0\u54d1\u5149\u91d1\u5c5e\u8d28\u611f\u3002\u80cc\u9762\u914d\u6709\u9632\u6ed1\u8f6f\u6728\u57ab\uff0c\u4fdd\u62a4\u684c\u9762\u540c\u65f6\u9632\u6b62\u6ed1\u52a8\u3002\u6fc0\u5149\u5fae\u96d5\u53ef\u5728\u8868\u9762\u523b\u5370\u540d\u5b57\u3001\u65e5\u671f\u6216\u795d\u798f\u8bed\uff0c\u662f\u4e54\u8fc1\u65b0\u5c45\u3001\u65b0\u5a5a\u8d3a\u793c\u7684\u7cbe\u81f4\u4e4b\u9009\u3002",subtitle:"\u9ec4\u94dc\u8d28\u611f \xb7 \u62c9\u4e1d\u54d1\u5149 \xb7 \u684c\u9762\u4e0a\u7684\u5fae\u578b\u96d5\u5851",tone:[42,30,18],story:"\u8bbe\u8ba1\u7075\u611f\u6765\u81ea\u65e5\u5f0f\u4f98\u5bc2\u7f8e\u5b66\u3002\u5c81\u6708\u4f1a\u5728\u9ec4\u94dc\u8868\u9762\u7559\u4e0b\u6e29\u67d4\u7684\u6c27\u5316\u75d5\u8ff9\uff0c\u5c31\u5982\u540c\u4e00\u676f\u8336\u4ece\u70ed\u5230\u51c9\u7684\u8fc7\u7a0b\u3002\u62c9\u4e1d\u5904\u7406\u540e\u7684\u54d1\u5149\u8868\u9762\u5728\u706f\u5149\u4e0b\u5448\u73b0\u7ec6\u817b\u7684\u91d1\u5c5e\u7eb9\u7406\uff0c\u6fc0\u5149\u5fae\u96d5\u7684\u540d\u5b57\u6210\u4e3a\u8fd9\u4ef6\u5668\u7269\u4e0a\u6700\u51b7\u9759\u7684\u6ce8\u811a\u3002\u5b83\u4e0d\u53ea\u662f\u676f\u57ab\uff0c\u66f4\u662f\u684c\u9762\u4e0a\u7684\u5fae\u578b\u96d5\u5851\u3002",scene:"\u4e54\u8fc1\u9001\u793c\u3001\u65b0\u5a5a\u8d3a\u793c\u3001\u5496\u5561\u89d2\u5e03\u7f6e\u3001\u529e\u516c\u684c\u7f8e\u5b66\u3002\u9002\u5408\u9001\u7ed9\u559c\u6b22\u624b\u51b2\u5496\u5561\u7684\u670b\u53cb\uff0c\u6216\u4f5c\u4e3a\u5a5a\u793c\u5bbe\u5ba2\u7684\u56de\u793c\u2014\u2014\u6bcf\u4e00\u53ea\u676f\u57ab\u4e0a\u90fd\u523b\u7740\u5bbe\u5ba2\u7684\u540d\u5b57\uff0c\u8ba9\u793c\u7269\u672c\u8eab\u6210\u4e3a\u5ea7\u4f4d\u5361\u3002",tags:["\u4e54\u8fc1\u793c","\u65b0\u5a5a\u8d3a\u793c","\u684c\u9762\u7f8e\u5b66","\u9ec4\u94dc","\u624b\u51b2\u5496\u5561"],specs:[["\u6750\u8d28","\u9ec4\u94dc + \u80cc\u9762\u8f6f\u6728\u9632\u6ed1\u57ab"],["\u8868\u9762\u5904\u7406","\u62c9\u4e1d\u54d1\u5149"],["\u76f4\u5f84","100mm"],["\u539a\u5ea6","3mm"],["\u96d5\u523b\u5de5\u827a","\u5149\u7ea4\u6fc0\u5149\u7cbe\u7ec6\u5fae\u96d5"],["\u8010\u6e29","\u2264120\xb0C"]],images:["/img/cup/The1.jpg"],mask:{shape:"circle",width:280,height:280}},{id:"penbox",name:"\u7af9\u5236\u7b14\u76d2",desc:"\u81ea\u7136\u7af9\u7eb9\uff0c\u6587\u623f\u96c5\u5668",icon:"/icon/\u7b14\u76d2.png",iconImg:"/icon/\u7b14\u76d2.png",price:75,originalPrice:98,leadTime:"7-10\u4e2a\u5de5\u4f5c\u65e5",description:"\u7cbe\u9009\u5929\u7136\u6960\u7af9\uff0c\u7ecf\u591a\u9053\u5de5\u5e8f\u6253\u78e8\u629b\u5149\uff0c\u4fdd\u7559\u5929\u7136\u7af9\u7eb9\u808c\u7406\u3002\u76d2\u76d6\u91c7\u7528\u78c1\u5438\u5f00\u5408\uff0c\u5185\u90e8\u8bbe\u6709\u5206\u5c42\u9694\u677f\u3002\u6fc0\u5149\u5fae\u96d5\u5728\u7af9\u9762\u4e0a\u5448\u73b0\u6df1\u6d45\u4e0d\u4e00\u7684\u96d5\u523b\u6548\u679c\uff0c\u878d\u5165\u58a8\u9999\u6c14\u8d28\u3002\u9002\u5408\u4e66\u623f\u6848\u5934\u3001\u4e66\u6cd5\u7231\u597d\u8005\u7684\u6587\u623f\u4f34\u4fa3\u3002",subtitle:"\u5929\u7136\u6960\u7af9 \xb7 \u78c1\u5438\u5f00\u5408 \xb7 \u6587\u623f\u96c5\u5668\u4e4b\u9009",tone:[30,24,16],story:"\u6bcf\u4e00\u53ea\u7b14\u76d2\u90fd\u6765\u81ea\u540c\u4e00\u7247\u7af9\u6797\u7684\u4e0d\u540c\u90e8\u4f4d\uff0c\u56e0\u6b64\u7eb9\u8def\u7edd\u4e0d\u91cd\u590d\u2014\u2014\u6b63\u5982\u6ca1\u6709\u4e24\u4e2a\u4eba\u7684\u4e66\u6cd5\u98ce\u683c\u5b8c\u5168\u76f8\u540c\u3002\u6211\u4eec\u4fdd\u7559\u4e86\u6960\u7af9\u5929\u7136\u7684\u6e29\u6da6\u89e6\u611f\uff0c\u53ea\u5728\u8868\u9762\u4ee5\u6fc0\u5149\u523b\u4e0b\u540d\u5b57\u6216\u4e00\u53e5\u7bb4\u8a00\u3002\u6253\u5f00\u78c1\u5438\u76d2\u76d6\u65f6\u7684\u6e05\u8106\u58f0\u54cd\uff0c\u662f\u6587\u623f\u4e2d\u7684\u5c0f\u5c0f\u4eea\u5f0f\u3002",scene:"\u4e66\u623f\u6848\u5934\u3001\u4e66\u6cd5\u7231\u597d\u8005\u88c5\u5907\u3001\u6559\u5e08\u8282\u793c\u7269\u3001\u4e66\u623f\u6696\u623f\u793c\u3002\u9002\u5408\u9001\u7ed9\u5199\u5b57\u597d\u770b\u7684\u4eba\u2014\u2014\u56e0\u4e3a\u61c2\u4e66\u5199\u7684\u4eba\uff0c\u624d\u61c2\u4e00\u53ea\u597d\u7b14\u76d2\u7684\u5206\u91cf\u3002",tags:["\u6587\u623f","\u4e66\u6cd5","\u6559\u5e08\u8282","\u4e66\u623f","\u5929\u7136\u6750\u8d28"],specs:[["\u6750\u8d28","\u5929\u7136\u6960\u7af9"],["\u5f00\u5408\u65b9\u5f0f","\u78c1\u5438\u5f0f\u76d2\u76d6"],["\u5185\u90e8\u7ed3\u6784","\u5206\u5c42\u9694\u677f\uff08\u53ef\u8c03\u8282\uff09"],["\u5c3a\u5bf8","200 \xd7 65 \xd7 30mm"],["\u8868\u9762\u5904\u7406","\u624b\u5de5\u6253\u78e8\u629b\u5149\uff0c\u65e0\u6f06"],["\u96d5\u523b\u5de5\u827a","CO2 \u6fc0\u5149\u70e7\u8680\uff08\u6df1\u6d45\u53ef\u8c03\uff09"]],images:["/img/penbox/The1.jpg","/img/penbox/The2.jpg","/img/penbox/The3.jpg"],mask:{shape:"rect",width:320,height:160,borderRadius:12}},{id:"booklamp",name:"\u4e66\u672c\u578b\u706f",desc:"\u6e29\u6696\u5149\u5f71\uff0c\u70b9\u4eae\u5fc3\u610f",icon:"/icon/\u4e66\u706f.png",iconImg:"/icon/\u4e66\u706f.png",price:45,originalPrice:68,leadTime:"5-7\u4e2a\u5de5\u4f5c\u65e5",description:"\u5f00\u5408\u5f0f\u8bbe\u8ba1\uff0c\u6253\u5f00\u5373\u4eae\uff0c\u5408\u62e2\u5373\u706d\uff0c\u5982\u9b54\u6cd5\u4e66\u822c\u5145\u6ee1\u60ca\u559c\u3002\u91c7\u7528LED\u6696\u5149\u706f\u6e90\uff0c\u5149\u7ebf\u67d4\u548c\u4e0d\u523a\u773c\uff0c\u53ef\u6301\u7eed\u70b9\u4eae6-8\u5c0f\u65f6\u3002\u5c01\u9762\u6fc0\u5149\u5fae\u96d5\u53ef\u5b9a\u5236\u6587\u5b57\u3001\u56fe\u6848\u6216\u7167\u7247\uff0c\u8ba9\u6e29\u6696\u7684\u706f\u5149\u627f\u8f7d\u4e13\u5c5e\u8bb0\u5fc6\u3002\u662f\u60c5\u4fa3\u793c\u7269\u3001\u6bd5\u4e1a\u793c\u7269\u7684\u521b\u610f\u4e4b\u9009\u3002",subtitle:"\u5f00\u5408\u5373\u4eae \xb7 LED\u6696\u5149 \xb7 \u9b54\u6cd5\u4e66\u822c\u7684\u60ca\u559c",tone:[25,20,15],story:"\u7075\u611f\u6765\u81ea\u300a\u54c8\u5229\xb7\u6ce2\u7279\u300b\u4e2d\u7684\u9b54\u6cd5\u8bfe\u672c\u2014\u2014\u6253\u5f00\u4e00\u672c\u4e66\uff0c\u5149\u8292\u503e\u6cfb\u800c\u51fa\u3002\u6211\u4eec\u91c7\u7528\u675c\u90a6\u7eb8\u4e0e\u5b9e\u6728\u5c01\u9762\u7ed3\u5408\uff0c\u8ba9\u706f\u4f53\u65e2\u8f7b\u8584\u53c8\u575a\u56fa\u3002\u6fc0\u5149\u5fae\u96d5\u5728\u5c01\u9762\u7559\u4e0b\u4f60\u7684\u540d\u5b57\u6216\u4e00\u5e45\u5c0f\u753b\uff0c\u5f53\u706f\u5728\u6df1\u591c\u4eae\u8d77\uff0c\u90a3\u662f\u4e13\u5c5e\u4e8e\u4f60\u7684\u6e29\u6696\u89d2\u843d\u3002",scene:"\u60c5\u4fa3\u793c\u7269\u3001\u6bd5\u4e1a\u7eaa\u5ff5\u3001\u5e8a\u5934\u591c\u706f\u3001\u9732\u8425\u6c1b\u56f4\u706f\u3001\u513f\u7ae5\u623f\u3002\u7279\u522b\u9002\u5408\u5728\u5c01\u9762\u523b\u4e0a\u4e24\u4e2a\u4eba\u7684\u540d\u5b57\u548c\u4e00\u53e5\u60c5\u8bdd\uff0c\u5728\u60c5\u4eba\u8282\u6216\u7eaa\u5ff5\u65e5\u9001\u51fa\u2014\u2014\u6253\u5f00\u4e66\u706f\uff0c\u5c31\u50cf\u6253\u5f00\u4e00\u5c01\u4f1a\u53d1\u5149\u7684\u60c5\u4e66\u3002",tags:["\u60c5\u4fa3\u793c","\u6bd5\u4e1a\u7eaa\u5ff5","\u591c\u706f","\u6c1b\u56f4\u706f","\u521b\u610f\u793c\u7269"],specs:[["\u5149\u6e90","LED \u6696\u767d\u5149\uff083000K\uff09"],["\u7eed\u822a","6-8\u5c0f\u65f6\uff08\u5185\u7f6e\u53ef\u5145\u7535\u9502\u7535\u6c60\uff09"],["\u5145\u7535","USB Type-C \u63a5\u53e3"],["\u5c01\u9762\u6750\u8d28","\u675c\u90a6\u7eb8 + \u5b9e\u6728\u5c01\u9762"],["\u5c55\u5f00\u5c3a\u5bf8","210 \xd7 150mm"],["\u96d5\u523b\u5de5\u827a","\u6fc0\u5149\u5fae\u96d5\uff08\u652f\u6301\u6587\u5b57+\u7b80\u5355\u56fe\u6848\uff09"]],images:["/img/booklight/The1.jpg","/img/booklight/The2.jpg"],mask:{shape:"rect",width:320,height:240,borderRadius:4}}],u=i.map(function(n){return(0,r.A)((0,r.A)({},n),{},{images:(n.images||[]).map(function(n){return(0,o.uq)(n)}),iconImg:(0,o.uq)(n.iconImg)})}),c=u,a=function(n){return u.find(function(t){return t.id===n})},s={"notebook-small":(0,o.uq)("/icon/\u4e66\u672c.png"),"notebook-large":(0,o.uq)("/icon/\u4e66\u672c_\u5927.png"),coaster:(0,o.uq)("/icon/\u676f\u5b50.png"),penbox:(0,o.uq)("/icon/\u7b14\u76d2.png"),booklamp:(0,o.uq)("/icon/\u4e66\u706f.png")};function d(n){return null!==n&&void 0!==n&&n.iconImg?(0,o.uq)(n.iconImg):null!==n&&void 0!==n&&n.id?(0,o.uq)(s[n.id]||"/icon/\u56db\u89d2\u661f.svg"):(0,o.uq)("/icon/\u56db\u89d2\u661f.svg")}},3246:function(n,t,e){e.d(t,{L:function(){return g},Sy:function(){return d},WG:function(){return l},gf:function(){return f},q:function(){return m}});var r=e(1212),o=e(9379),i=e(467),u=e(758),c=e.n(u),a="https://wxbackend.tokenleaping.com",s="smart_access_token";function d(){try{c().hideLoading()}catch(n){}}function f(){try{return c().getStorageSync(s)||""}catch(n){return""}}function l(n){c().setStorageSync(s,n)}function g(){try{c().removeStorageSync(s)}catch(n){}}var h=null;var p=null;function m(n){p=n}function v(n,t,e,r){return S.apply(this,arguments)}function S(){return S=(0,i.A)((0,r.A)().m(function n(t,e,o,i){return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.a(2,c().request({url:"".concat(a).concat(t),method:e,data:o,header:i}))}},n)})),S.apply(this,arguments)}function y(n){return k.apply(this,arguments)}function k(){return k=(0,i.A)((0,r.A)().m(function n(t){var e,i,u,c,a,s,d,l,m,S,y,k,A,b,C,w,T,_,x=arguments;return(0,r.A)().w(function(n){while(1)switch(n.p=n.n){case 0:return e=x.length>1&&void 0!==x[1]?x[1]:{},i=e.method,u=void 0===i?"GET":i,c=e.data,a=e.headers,s=void 0===a?{}:a,d=e.auth,l=void 0===d||d,m=e.skipAuthRefresh,S=void 0!==m&&m,y=function(){var n=f();return(0,o.A)((0,o.A)({"Content-Type":"application/json"},l&&n?{Authorization:"Bearer ".concat(n)}:{}),s)},n.p=1,n.n=2,v(t,u,c,y());case 2:k=n.v,n.n=4;break;case 3:throw n.p=3,n.v,A=new Error("\u7f51\u7edc\u5f02\u5e38\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5"),A.statusCode=-1,A;case 4:if(401!==k.statusCode||S||!p){n.n=9;break}return n.n=5,p();case 5:if(b=n.v,!b){n.n=9;break}return n.p=6,n.n=7,v(t,u,c,y());case 7:k=n.v,n.n=9;break;case 8:throw n.p=8,n.v,C=new Error("\u7f51\u7edc\u5f02\u5e38\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5"),C.statusCode=-1,C;case 9:if(401!==k.statusCode){n.n=10;break}throw g(),null===(w=h)||void 0===w||w(),T=new Error("\u767b\u5f55\u5df2\u8fc7\u671f\uff0c\u8bf7\u91cd\u65b0\u767b\u5f55"),T.statusCode=401,T;case 10:if(_=k.data,!_||"number"!==typeof _.code||0===_.code){n.n=11;break}throw new Error(_.message||"\u8bf7\u6c42\u5931\u8d25");case 11:return n.a(2,_&&"number"===typeof _.code?_.data:_)}},n,null,[[6,8],[1,3]])})),k.apply(this,arguments)}var A={get:function(n,t){return y(n,(0,o.A)((0,o.A)({},t),{},{method:"GET"}))},post:function(n,t,e){return y(n,(0,o.A)((0,o.A)({},e),{},{method:"POST",data:t}))},put:function(n,t,e){return y(n,(0,o.A)((0,o.A)({},e),{},{method:"PUT",data:t}))},patch:function(n,t,e){return y(n,(0,o.A)((0,o.A)({},e),{},{method:"PATCH",data:t}))},del:function(n,t){return y(n,(0,o.A)((0,o.A)({},t),{},{method:"DELETE"}))}};t.Ay=A},8594:function(n,t,e){e.d(t,{E1:function(){return K},EB:function(){return X},F0:function(){return M},Fu:function(){return R},Hf:function(){return w},IU:function(){return L},Ic:function(){return g},O4:function(){return F},Q1:function(){return x},Q4:function(){return A},Re:function(){return J},Rq:function(){return z},ab:function(){return $},cY:function(){return G},eW:function(){return Y},hG:function(){return E},i5:function(){return W},iA:function(){return T},iZ:function(){return j},kg:function(){return I},kh:function(){return H},n7:function(){return O},p_:function(){return P},uF:function(){return B},ug:function(){return _},yU:function(){return Z}});var r=e(9379),o=e(436),i=e(758),u=e.n(i),c=e(5234),a=e(8199),s=e(6764),d="smart_theme",f="smart_user_info",l="smart_active_openid";function g(n){return!!n&&(n.startsWith("mock_")||n.startsWith("mock-"))}function h(){var n=A(),t=(null===n||void 0===n?void 0:n.openid)||u().getStorageSync(l)||"_guest_";return u().setStorageSync(l,t),t}function p(n){var t=h();return"".concat(n,"_").concat(t)}var m="smart_user_registry",v="zhihui2024";function S(){try{return u().getStorageSync(m)||[]}catch(n){return[]}}function y(n){var t=S();t.includes(n)||(t.push(n),u().setStorageSync(m,t))}function k(n){var t=S().filter(function(t){return t!==n});u().setStorageSync(m,t)}function A(){try{return u().getStorageSync(f)}catch(n){return null}}function b(n){var t;u().setStorageSync(f,n),null!==n&&void 0!==n&&n.openid&&(u().setStorageSync(l,n.openid),u().setStorageSync("user_info_".concat(n.openid),n),y(n.openid)),(0,s.m)(),null===(t=u().eventCenter)||void 0===t||t.trigger("authStateChanged",{openid:(null===n||void 0===n?void 0:n.openid)||""})}function C(n){try{var t=u().getStorageSync("user_info_".concat(n));if(t)return t}catch(n){}var e=A();return(null===e||void 0===e?void 0:e.openid)===n?e:null}function w(){var n;u().removeStorageSync(f),u().removeStorageSync(l),(0,s.m)(),null===(n=u().eventCenter)||void 0===n||n.trigger("authStateChanged",{openid:""})}function T(n){b(n)}function _(){return A()}function x(){var n=S();return n.map(function(n){var t=C(n),e=N(n),r=q(n);return{openid:n,nickName:(null===t||void 0===t?void 0:t.nickName)||"\u672a\u77e5\u7528\u6237",avatarUrl:(null===t||void 0===t?void 0:t.avatarUrl)||"",loginAt:(null===t||void 0===t?void 0:t.loginAt)||0,designCount:e.length,orderCount:r.length}})}function I(n,t){var e="mock_"+Date.now().toString(36)+"_"+Math.random().toString(36).slice(2,6),r={openid:e,nickName:n||"\u5fae\u4fe1\u7528\u6237",avatarUrl:t||"",loginAt:Date.now()};return b(r),r}function j(n){var t=C(n);return!!t&&(u().setStorageSync(f,t),u().setStorageSync(l,n),!0)}function E(n){u().removeStorageSync("user_info_".concat(n)),u().removeStorageSync("design_list_".concat(n)),u().removeStorageSync("order_list_".concat(n)),u().removeStorageSync("address_list_".concat(n)),k(n);var t=A();(null===t||void 0===t?void 0:t.openid)===n&&w()}function B(n){return n===v}function D(n,t){return"".concat(n,"_").concat(t)}function N(n){try{return u().getStorageSync(D("design_list",n))||[]}catch(n){return[]}}function q(n){try{return u().getStorageSync(D("order_list",n))||[]}catch(n){return[]}}function P(){try{return u().getStorageSync(p("design_list"))||[]}catch(n){return[]}}function R(n){u().setStorageSync(p("design_list"),n)}function G(n,t){var e=P(),r=(0,a.uq)((null===n||void 0===n?void 0:n.iconImg)||c.rj[null===n||void 0===n?void 0:n.id]||"/icon/\u56db\u89d2\u661f.svg"),i={id:"DSG"+Date.now(),productId:n.id,productName:n.name,productIcon:r,unitPrice:n.price,count:t,status:"undesigned",createdAt:(new Date).toISOString().slice(0,10)};return R([].concat((0,o.A)(e),[i])),i}function W(n,t){var e=P(),o=e.findIndex(function(t){return t.id===n});-1!==o&&(e[o]=(0,r.A)((0,r.A)({},e[o]),t),R(e))}function H(n){var t=P().filter(function(t){return!n.includes(t.id)});R(t)}function O(){try{return u().getStorageSync(p("order_list"))||[]}catch(n){return[]}}function U(n){u().setStorageSync(p("order_list"),n)}function L(n){var t,e=P(),r=O(),i=e.find(function(t){return t.id===n});if(!i)return null;var u=null!==(t=i.productIcon)&&void 0!==t&&t.startsWith("/icon/")||/^https?:/i.test(i.productIcon||"")?i.productIcon:c.rj[i.productId]||"/icon/\u56db\u89d2\u661f.svg",s=(0,a.uq)(u),d={id:"ORD"+Date.now().toString().slice(-9),productName:i.productName,productIcon:s,statusCode:"pending",date:(new Date).toLocaleString("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).replace(/\//g,"-"),price:"\xa5"+(i.unitPrice*i.count).toFixed(2),count:i.count,sku:"".concat(i.productName," \xd7 ").concat(i.count)},f=e.findIndex(function(t){return t.id===n});return-1!==f&&(e[f].status="ordered",e[f].orderId=d.id),R(e),U([d].concat((0,o.A)(r))),d}function F(){try{return u().getStorageSync(d)||"auto"}catch(n){return"auto"}}function M(n){u().setStorageSync(d,n)}var Q=null;function z(n){Q=n}function Y(n){if("auto"===n){if(Q)return Q;try{var t=u().getAppBaseInfo();if("dark"===t.theme||"light"===t.theme)return t.theme}catch(n){}return"light"}return n}function J(){try{return u().getStorageSync(p("address_list"))||[]}catch(n){return[]}}function V(n){u().setStorageSync(p("address_list"),n)}function K(n){var t=J(),e=(0,r.A)((0,r.A)({},n),{},{id:"ADR"+Date.now()});return e.isDefault&&t.forEach(function(n){n.isDefault=!1}),V([e].concat((0,o.A)(t))),e}function Z(n,t){var e=J(),o=e.findIndex(function(t){return t.id===n});-1!==o&&(t.isDefault&&e.forEach(function(n){n.isDefault=!1}),e[o]=(0,r.A)((0,r.A)({},e[o]),t),V(e))}function $(n){var t=J().filter(function(t){return t.id!==n});V(t)}function X(){return J().find(function(n){return n.isDefault})}},6606:function(n,t,e){e.d(t,{G:function(){return u}});var r=e(758),o=e.n(r);function i(n){return"dark"===n?"#191919":"#ffffff"}function u(n,t){var e=null!==t&&void 0!==t?t:i(n);o().setBackgroundColor({backgroundColor:e,backgroundColorTop:e,backgroundColorBottom:e}),o().setBackgroundTextStyle({textStyle:"dark"===n?"light":"dark"})}}}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[76],{9513:function(n,t,e){e.d(t,{A:function(){return i}});var r=e(118),o=e(4848);function i(n){var t=n.children,e=n.className,i=n.style;return(0,o.jsx)(r.Ss,{className:"bottom-action-bar ".concat(e||""),style:i,children:t})}},7723:function(n,t,e){e.d(t,{A:function(){return l}});var r=e(5544),o=e(758),i=e.n(o),u=e(6540),c=e(118),a=e(6764),s=e(9703),d=e(8199),f=e(4848);function l(n){var t=(0,u.useState)("checking"),e=(0,r.A)(t,2),o=e[0],l=e[1],g=(0,u.useCallback)(function(){var n=!1;return(0,a.d)().then(function(t){n||l(t?"ok":"denied")}).catch(function(){n||l("denied")}),function(){n=!0}},[]);return(0,u.useEffect)(function(){var n=g(),t=function(){g()},e=function(){g()};return i().eventCenter.on("tabBarChange",t),i().eventCenter.on(s.Wo,e),i().eventCenter.on("authStateChanged",t),function(){n(),i().eventCenter.off("tabBarChange",t),i().eventCenter.off(s.Wo,e),i().eventCenter.off("authStateChanged",t)}},[g]),"checking"===o?(0,f.jsx)(c.Ss,{className:"login-guard",children:(0,f.jsxs)(c.Ss,{className:"login-guard-inner",children:[(0,f.jsx)(c._V,{className:"login-guard-icon",src:(0,d.uq)("/icon/\u8bbe\u7f6e.png"),mode:"aspectFit"}),(0,f.jsx)(c.EY,{className:"login-guard-title",children:"\u6821\u9a8c\u767b\u5f55\u72b6\u6001"})]})}):"denied"===o?(0,f.jsx)(c.Ss,{className:"login-guard",children:(0,f.jsxs)(c.Ss,{className:"login-guard-inner",children:[(0,f.jsx)(c._V,{className:"login-guard-icon",src:(0,d.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"}),(0,f.jsx)(c.EY,{className:"login-guard-title",children:"\u8bf7\u5148\u767b\u5f55"}),(0,f.jsx)(c.EY,{className:"login-guard-desc",children:"\u767b\u5f55\u540e\u67e5\u770b\u60a8\u7684\u4e13\u5c5e\u5185\u5bb9"}),(0,f.jsx)(c.Ss,{className:"btn-primary login-guard-btn",onTap:function(){return i().switchTab({url:"/pages/profile/index"})},children:(0,f.jsx)(c.EY,{children:"\u53bb\u767b\u5f55"})})]})}):n.children}},9674:function(n,t,e){e.d(t,{A:function(){return u}});var r=e(118),o=e(9703),i=e(4848);function u(n){var t=n.darkTop,e=void 0!==t&&t,u=(0,o.wR)(),c=u.resolvedTheme,a="dark"===c||e,s=a?"#191919":"#faf7f2",d=a?"#ffffff":"#000000";return(0,i.jsx)(r.tf,{backgroundColor:s,backgroundColorTop:s,backgroundColorBottom:s,backgroundTextStyle:a?"light":"dark",rootBackgroundColor:s,children:(0,i.jsx)(r.yk,{frontColor:d,backgroundColor:s})})}},9703:function(n,t,e){e.d(t,{NP:function(){return g},Wo:function(){return l},wR:function(){return h}});var r=e(5544),o=e(6540),i=e(758),u=e.n(i),c=e(118),a=e(8594),s=e(6606),d=e(4848),f=(0,o.createContext)({theme:"auto",resolvedTheme:"light",toggleTheme:function(){},setTheme:function(){}}),l="themeChange";function g(n){var t=n.children,e=(0,o.useState)((0,a.O4)()),g=(0,r.A)(e,2),h=g[0],p=g[1],m=(0,o.useState)((0,a.eW)((0,a.O4)())),v=(0,r.A)(m,2),S=v[0],y=v[1],k=(0,o.useCallback)(function(n){y((0,a.eW)(n))},[]),A=(0,o.useCallback)(function(n){(0,a.Rq)(n),"auto"===(0,a.O4)()&&y(n)},[]),b=(0,o.useCallback)(function(){try{var n=u().getAppBaseInfo();A("dark"===n.theme?"dark":"light")}catch(n){}try{u().createSelectorQuery().select(".system-theme-detector").fields({computedStyle:["opacity"]}).exec(function(n){var t=n&&n[0]&&n[0].computedStyle&&n[0].computedStyle.opacity;A("1"===t?"dark":"light")})}catch(n){}},[A]),C=(0,o.useCallback)(function(n){(0,a.F0)(n),p(n),"auto"===n?b():k(n)},[b,k]),w=(0,o.useCallback)(function(){var n="light"===S?"dark":"light";C(n)},[S,C]);return(0,o.useEffect)(function(){b()},[b]),(0,o.useEffect)(function(){var n,t=function(n){!n||"dark"!==n.theme&&"light"!==n.theme||A(n.theme)},e=u();return null===(n=e.onThemeChange)||void 0===n||n.call(e,t),function(){var n;null===(n=e.offThemeChange)||void 0===n||n.call(e,t)}},[A]),(0,o.useEffect)(function(){u().eventCenter.trigger(l,S)},[S]),(0,o.useEffect)(function(){(0,s.G)(S)},[S]),(0,i.useDidShow)(function(){"auto"===h&&b()}),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.Ss,{className:"system-theme-detector"}),(0,d.jsx)(f.Provider,{value:{theme:h,resolvedTheme:S,toggleTheme:w,setTheme:C},children:t})]})}function h(){return(0,o.useContext)(f)}},9201:function(n,t,e){e.d(t,{c:function(){return a}});var r=e(5544),o=e(6540),i=e(758),u=e.n(i),c=null;function a(){var n=(0,o.useState)(null!==c&&void 0!==c?c:{statusBarHeight:20,menuButtonTop:26,menuButtonHeight:32,capsuleRight:368,safeInsetTop:20,safeInsetBottom:0,headerPaddingTop:66,backBtnPaddingTop:20}),t=(0,r.A)(n,2),e=t[0],i=t[1];return(0,o.useEffect)(function(){if(c)i(c);else try{var n,t,e,r,o,a,s,d,f=u().getSystemInfoSync(),l=u().getMenuButtonBoundingClientRect(),g=f.statusBarHeight||20,h=null!==(n=l.top)&&void 0!==n?n:g+4,p=null!==(t=l.height)&&void 0!==t?t:32,m=null!==(e=l.right)&&void 0!==e?e:f.windowWidth-7,v=null!==(r=null===(o=f.safeArea)||void 0===o?void 0:o.top)&&void 0!==r?r:g,S=null!==(a=f.safeAreaInsetBottom)&&void 0!==a?a:f.screenHeight-(null!==(s=null===(d=f.safeArea)||void 0===d?void 0:d.bottom)&&void 0!==s?s:f.screenHeight),y=Math.max(h+p+6,g+44),k=Math.max(g,h-4),A={statusBarHeight:g,menuButtonTop:h,menuButtonHeight:p,capsuleRight:m,safeInsetTop:v,safeInsetBottom:S,headerPaddingTop:y,backBtnPaddingTop:k};c=A,i(A)}catch(n){}},[]),e}},5414:function(n,t,e){e.d(t,{l:function(){return c}});var r=e(6540),o=e(758),i=e.n(o),u=e(6606);function c(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=t.mode,c=void 0===e?"auto":e,a=(0,r.useCallback)(function(){var t="dark"===c||"auto"===c&&"light"===n,e=t?"#000000":"#ffffff",r=t?"#faf7f2":"#191919";i().setNavigationBarColor({frontColor:e,backgroundColor:r}),(0,u.G)(n,r)},[c,n]);(0,r.useEffect)(a,[a]),(0,o.useDidShow)(a)}},6295:function(n,t,e){e.d(t,{gf:function(){return i.gf},iD:function(){return u},jp:function(){return f},r7:function(){return a},ri:function(){return d}});var r=e(1212),o=e(467),i=e(3246);function u(n){return c.apply(this,arguments)}function c(){return c=(0,o.A)((0,r.A)().m(function n(t){var e;return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.n=1,i.Ay.post("/api/auth/login",{code:t},{auth:!1});case 1:return e=n.v,null!==e&&void 0!==e&&e.accessToken&&(0,i.WG)(e.accessToken),n.a(2,e)}},n)})),c.apply(this,arguments)}function a(n){return s.apply(this,arguments)}function s(){return s=(0,o.A)((0,r.A)().m(function n(t){return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.a(2,i.Ay.patch("/api/users/me",t))}},n)})),s.apply(this,arguments)}function d(){(0,i.L)()}function f(){return l.apply(this,arguments)}function l(){return l=(0,o.A)((0,r.A)().m(function n(){return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.a(2,i.Ay.get("/api/users/me"))}},n)})),l.apply(this,arguments)}},8199:function(n,t,e){e.d(t,{uq:function(){return o}});var r="https://wordcloudwechat.oss-cn-hangzhou.aliyuncs.com";function o(n){if(!n)return"";if(/^(https?:|wxfile:|data:)/i.test(n))return n;if(!r)return n;var t=r.replace(/\/+$/,"");if(!n.startsWith("/img/"))return n;var e=n.startsWith("/")?n:"/".concat(n);return"".concat(t).concat(e)}},6764:function(n,t,e){e.d(t,{d:function(){return S},m:function(){return h}});var r=e(1212),o=e(467),i=e(2284),u=e(758),c=e.n(u),a=e(6295),s=e(8594),d="smart_auth_verified",f=18e5,l=null,g=null;function h(){l=null,g=null;try{c().removeStorageSync(d)}catch(n){}}function p(n){var t=l||function(){try{var n=c().getStorageSync(d);return n&&"object"===(0,i.A)(n)?n:null}catch(n){return null}}();return t&&t.openid===n?Date.now()-t.at>f?null:(l=t,t.ok):null}function m(n,t){var e={openid:n,ok:t,at:Date.now()};l=e;try{c().setStorageSync(d,e)}catch(n){}}function v(){var n=(0,s.Q4)();return!(null===n||void 0===n||!n.openid)&&!(0,s.Ic)(n.openid)&&!!n.accessToken&&!!(0,a.gf)()}function S(){return y.apply(this,arguments)}function y(){return y=(0,o.A)((0,r.A)().m(function n(){var t,e;return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:if(t=(0,s.Q4)(),null!==t&&void 0!==t&&t.openid){n.n=1;break}return console.log("[AuthGuard] \u65e0\u672c\u5730\u7528\u6237\uff0c\u5224\u5b9a\u672a\u767b\u5f55"),n.a(2,!1);case 1:if(console.log("[AuthGuard] \u672c\u5730\u7528\u6237 openid=",t.openid),!(0,s.Ic)(t.openid)){n.n=2;break}return(0,s.Hf)(),(0,a.ri)(),h(),n.a(2,!1);case 2:if(e=p(t.openid),null===e){n.n=3;break}return console.log("[AuthGuard] \u547d\u4e2d\u672c\u5730\u7f13\u5b58 ok=",e),n.a(2,e);case 3:return g||(g=(0,a.jp)().then(function(n){console.log("[AuthGuard] getMe \u8fd4\u56de:",JSON.stringify(n));var e=!!n&&!!n.id&&n.openid===t.openid;return console.log("[AuthGuard] \u4e00\u81f4\u6027=",e),e?(m(t.openid,!0),!0):((0,s.Hf)(),(0,a.ri)(),h(),!1)}).catch(function(n){return console.error("[AuthGuard] getMe \u5931\u8d25\uff0c\u8d70\u672c\u5730\u4f1a\u8bdd\u515c\u5e95:",n),v()}).finally(function(){g=null})),n.a(2,g)}},n)})),y.apply(this,arguments)}},5234:function(n,t,e){e.d(t,{QE:function(){return d},R6:function(){return c},rj:function(){return s},y9:function(){return a},zv:function(){return u}});var r=e(9379),o=e(8199),i=[{id:"notebook-small",name:"\u5fae\u96d5\u7b14\u8bb0\u672c\uff08\u5c0f\uff09",desc:"\u4fbf\u643a\u968f\u884c\uff0c\u8bb0\u5f55\u70b9\u6ef4",icon:"/icon/\u4e66\u672c.png",iconImg:"/icon/\u4e66\u672c.png",price:12,originalPrice:18,leadTime:"3-5\u4e2a\u5de5\u4f5c\u65e5",description:"\u7cbe\u9009\u4f18\u8d28\u7eb8\u5f20\uff0c\u5c01\u9762\u91c7\u7528\u9ad8\u6863PU\u6750\u8d28\uff0c\u624b\u611f\u7ec6\u817b\u3002\u5185\u9875\u53ef\u5b9a\u5236\u6a2a\u7ebf\u3001\u65b9\u683c\u6216\u7a7a\u767d\u4e09\u79cd\u7248\u5f0f\u3002\u6fc0\u5149\u5fae\u96d5\u5de5\u827a\u5c06\u540d\u5b57\u6216\u56fe\u6848\u7cbe\u51c6\u523b\u5370\u5728\u5c01\u9762\uff0c\u6c38\u4e0d\u892a\u8272\u3002\u5c0f\u5de7\u8f7b\u4fbf\uff0c\u9002\u5408\u968f\u8eab\u643a\u5e26\uff0c\u65e0\u8bba\u662f\u8bfe\u5802\u7b14\u8bb0\u8fd8\u662f\u65e5\u5e38\u5907\u5fd8\uff0c\u90fd\u662f\u4f60\u7684\u4e13\u5c5e\u4f34\u4fa3\u3002",subtitle:"\u638c\u5fc3\u95f4\u7684\u4e13\u5c5e\u5370\u8bb0 \xb7 \u6fc0\u5149\u5fae\u96d5 \xb7 \u4e09\u8272\u5185\u9875\u53ef\u9009",tone:[28,22,18],story:"\u7075\u611f\u6e90\u81ea\u624b\u8d26\u6587\u5316\u4e2d\u5bf9\u4e66\u5199\u4eea\u5f0f\u611f\u7684\u8ffd\u6c42\u3002\u6211\u4eec\u76f8\u4fe1\uff0c\u5728\u6570\u5b57\u6d2a\u6d41\u7684\u65f6\u4ee3\uff0c\u7eb8\u7b14\u7684\u6e29\u5ea6\u4f9d\u7136\u4e0d\u53ef\u66ff\u4ee3\u3002\u5f53\u6fc0\u5149\u5fae\u96d5\u5728PU\u5c01\u9762\u4e0a\u7559\u4e0b\u4e13\u5c5e\u5370\u8bb0\uff0c\u6bcf\u4e00\u7b14\u4e66\u5199\u90fd\u5728\u4e0e\u8fc7\u53bb\u5bf9\u8bdd\u3002\u7b14\u8bb0\u672c\u5c0f\u5de7\u5230\u8db3\u4ee5\u653e\u5165\u4efb\u4f55\u53e3\u888b\uff0c\u5374\u627f\u8f7d\u7740\u72ec\u4e00\u65e0\u4e8c\u7684\u8bb0\u5fc6\u3002",scene:"\u8bfe\u5802\u7b14\u8bb0\u3001\u65e5\u5e38\u5907\u5fd8\u3001\u65c5\u884c\u624b\u8d26\u3001\u5fc3\u60c5\u65e5\u8bb0\u3002\u9002\u5408\u9001\u7ed9\u540c\u5b66\u3001\u4f34\u4fa3\u6216\u4f5c\u4e3a\u6d3b\u52a8\u4f34\u624b\u793c\u2014\u2014\u8ba9\u6bcf\u4e00\u4e2a\u4eba\u90fd\u62e5\u6709\u523b\u7740\u81ea\u5df1\u540d\u5b57\u7684\u4e13\u5c5e\u7b14\u8bb0\u672c\u3002",tags:["\u4f34\u624b\u793c","\u5b66\u751f","\u624b\u8d26","\u4fbf\u643a","\u6fc0\u5149\u5fae\u96d5"],specs:[["\u5c3a\u5bf8","105 \xd7 148mm\uff08A6\uff09"],["\u9875\u6570","120\u5f20/240\u9875"],["\u5185\u9875\u7248\u5f0f","\u6a2a\u7ebf / \u65b9\u683c / \u7a7a\u767d \u53ef\u9009"],["\u5c01\u9762\u6750\u8d28","\u9ad8\u6863PU\u76ae\u9769"],["\u96d5\u523b\u5de5\u827a","CO2 \u6fc0\u5149\u5fae\u96d5\uff08\u6c38\u4e0d\u892a\u8272\uff09"],["\u9002\u7528\u573a\u666f","\u8bfe\u5802\u3001\u65c5\u884c\u3001\u65e5\u5e38\u5907\u5fd8"]],images:["/img/book_small/The1.jpg"],mask:{shape:"rect",width:300,height:420,borderRadius:8}},{id:"notebook-large",name:"\u5fae\u96d5\u7b14\u8bb0\u672c\uff08\u5927\uff09",desc:"\u5927\u5f00\u672c\uff0c\u66f4\u591a\u521b\u4f5c\u7a7a\u95f4",icon:"/icon/\u4e66\u672c_\u5927.png",iconImg:"/icon/\u4e66\u672c_\u5927.png",price:45,originalPrice:58,leadTime:"3-5\u4e2a\u5de5\u4f5c\u65e5",description:"A4\u5c3a\u5bf8\u5927\u5f00\u672c\uff0c180\xb0\u5e73\u644a\u8bbe\u8ba1\uff0c\u4e66\u5199\u66f4\u81ea\u7531\u3002\u5c01\u9762\u53ef\u9009\u771f\u76ae\u3001\u4eff\u5e03\u7eb9\u6216\u78e8\u7802\u6750\u8d28\uff0c\u6fc0\u5149\u5fae\u96d5\u533a\u57df\u66f4\u5927\uff0c\u9002\u5408\u5448\u73b0\u5168\u73ed\u540d\u5b57\u3001\u56e2\u961f\u53e3\u53f7\u6216\u516c\u53f8Logo\u7b49\u5927\u7bc7\u5e45\u5185\u5bb9\u3002\u662f\u6bd5\u4e1a\u7eaa\u5ff5\u3001\u4f01\u4e1a\u5e74\u4f1a\u793c\u54c1\u7684\u9996\u9009\u3002",subtitle:"\u5927\u7bc7\u5e45\u5b9a\u5236\u9996\u9009 \xb7 180\xb0\u5e73\u644a \xb7 \u6bd5\u4e1a/\u56e2\u5efa\u5fc5\u5907",tone:[35,28,22],story:"\u6bcf\u4e00\u6b21\u544a\u522b\u90fd\u503c\u5f97\u88ab\u90d1\u91cd\u4e66\u5199\u3002\u6bd5\u4e1a\u5b63\u7684\u6559\u5ba4\u91cc\uff0c\u7b14\u8bb0\u672c\u644a\u5f00\u5728\u8bfe\u684c\u4e0a\uff0c\u5168\u73ed\u7684\u540d\u5b57\u88ab\u6fc0\u5149\u523b\u5370\u5728\u5c01\u9762\u4e2d\u592e\uff0c\u6210\u4e3a\u6c38\u6052\u7684\u540c\u5b66\u5f55\u3002180\xb0\u5e73\u644a\u8bbe\u8ba1\u8ba9\u4e66\u5199\u4e0d\u518d\u88ab\u8ba2\u88c5\u675f\u7f1a\uff0cA4\u5927\u5c3a\u5bf8\u7ed9\u4f60\u5c3d\u60c5\u6325\u6d12\u7684\u5929\u5730\u3002\u8fd9\u662f\u9001\u7ed9\u4e00\u7fa4\u4eba\u6700\u597d\u7684\u544a\u522b\u793c\u7269\u3002",scene:"\u6bd5\u4e1a\u7eaa\u5ff5\u518c\u3001\u516c\u53f8\u5e74\u4f1a\u793c\u54c1\u3001\u56e2\u961f\u5efa\u8bbe\u4f34\u624b\u793c\u3001\u5ba2\u6237\u7b54\u8c22\u3002\u7279\u522b\u9002\u5408\u9700\u8981\u5728\u5c01\u9762\u5448\u73b0\u5927\u91cf\u6587\u5b57\u6216\u56fe\u6848\u7684\u5b9a\u5236\u9700\u6c42\u2014\u2014\u73ed\u7ea7\u540d\u5355\u3001\u516c\u53f8\u613f\u666f\u3001\u56e2\u961f\u53e3\u53f7\u4e00\u7f51\u6253\u5c3d\u3002",tags:["\u6bd5\u4e1a\u793c","\u56e2\u5efa","\u4f01\u4e1a\u5b9a\u5236","\u5927\u7bc7\u5e45","\u5e73\u644a\u8bbe\u8ba1"],specs:[["\u5c3a\u5bf8","210 \xd7 297mm\uff08A4\uff09"],["\u9875\u6570","100\u5f20/200\u9875"],["\u5c01\u9762\u6750\u8d28","\u771f\u76ae / \u4eff\u5e03\u7eb9 / \u78e8\u7802 \u53ef\u9009"],["\u5f00\u5408\u9002\u7528","180\xb0\u5e73\u644a\u8bbe\u8ba1"],["\u96d5\u523b\u5de5\u827a","CO2 \u6fc0\u5149\u5fae\u96d5\uff08\u9ad8\u6e05\u6670\u5ea6\uff09"],["\u5b9a\u5236\u9762\u79ef","\u5c01\u9762\u6574\u9762\u53ef\u96d5"]],images:["/img/book_big/The1.jpg","/img/book_big/The2.jpg"],mask:{shape:"rect",width:340,height:480,borderRadius:8}},{id:"coaster",name:"\u94dc\u8d28\u676f\u57ab",desc:"\u91d1\u5c5e\u8d28\u611f\uff0c\u684c\u9762\u827a\u672f",icon:"/icon/\u676f\u5b50.png",iconImg:"/icon/\u676f\u5b50.png",price:25,originalPrice:35,leadTime:"5-7\u4e2a\u5de5\u4f5c\u65e5",description:"\u91c7\u7528\u4f18\u8d28\u9ec4\u94dc\u6750\u8d28\uff0c\u8868\u9762\u7ecf\u62c9\u4e1d\u5de5\u827a\u5904\u7406\uff0c\u5448\u73b0\u54d1\u5149\u91d1\u5c5e\u8d28\u611f\u3002\u80cc\u9762\u914d\u6709\u9632\u6ed1\u8f6f\u6728\u57ab\uff0c\u4fdd\u62a4\u684c\u9762\u540c\u65f6\u9632\u6b62\u6ed1\u52a8\u3002\u6fc0\u5149\u5fae\u96d5\u53ef\u5728\u8868\u9762\u523b\u5370\u540d\u5b57\u3001\u65e5\u671f\u6216\u795d\u798f\u8bed\uff0c\u662f\u4e54\u8fc1\u65b0\u5c45\u3001\u65b0\u5a5a\u8d3a\u793c\u7684\u7cbe\u81f4\u4e4b\u9009\u3002",subtitle:"\u9ec4\u94dc\u8d28\u611f \xb7 \u62c9\u4e1d\u54d1\u5149 \xb7 \u684c\u9762\u4e0a\u7684\u5fae\u578b\u96d5\u5851",tone:[42,30,18],story:"\u8bbe\u8ba1\u7075\u611f\u6765\u81ea\u65e5\u5f0f\u4f98\u5bc2\u7f8e\u5b66\u3002\u5c81\u6708\u4f1a\u5728\u9ec4\u94dc\u8868\u9762\u7559\u4e0b\u6e29\u67d4\u7684\u6c27\u5316\u75d5\u8ff9\uff0c\u5c31\u5982\u540c\u4e00\u676f\u8336\u4ece\u70ed\u5230\u51c9\u7684\u8fc7\u7a0b\u3002\u62c9\u4e1d\u5904\u7406\u540e\u7684\u54d1\u5149\u8868\u9762\u5728\u706f\u5149\u4e0b\u5448\u73b0\u7ec6\u817b\u7684\u91d1\u5c5e\u7eb9\u7406\uff0c\u6fc0\u5149\u5fae\u96d5\u7684\u540d\u5b57\u6210\u4e3a\u8fd9\u4ef6\u5668\u7269\u4e0a\u6700\u51b7\u9759\u7684\u6ce8\u811a\u3002\u5b83\u4e0d\u53ea\u662f\u676f\u57ab\uff0c\u66f4\u662f\u684c\u9762\u4e0a\u7684\u5fae\u578b\u96d5\u5851\u3002",scene:"\u4e54\u8fc1\u9001\u793c\u3001\u65b0\u5a5a\u8d3a\u793c\u3001\u5496\u5561\u89d2\u5e03\u7f6e\u3001\u529e\u516c\u684c\u7f8e\u5b66\u3002\u9002\u5408\u9001\u7ed9\u559c\u6b22\u624b\u51b2\u5496\u5561\u7684\u670b\u53cb\uff0c\u6216\u4f5c\u4e3a\u5a5a\u793c\u5bbe\u5ba2\u7684\u56de\u793c\u2014\u2014\u6bcf\u4e00\u53ea\u676f\u57ab\u4e0a\u90fd\u523b\u7740\u5bbe\u5ba2\u7684\u540d\u5b57\uff0c\u8ba9\u793c\u7269\u672c\u8eab\u6210\u4e3a\u5ea7\u4f4d\u5361\u3002",tags:["\u4e54\u8fc1\u793c","\u65b0\u5a5a\u8d3a\u793c","\u684c\u9762\u7f8e\u5b66","\u9ec4\u94dc","\u624b\u51b2\u5496\u5561"],specs:[["\u6750\u8d28","\u9ec4\u94dc + \u80cc\u9762\u8f6f\u6728\u9632\u6ed1\u57ab"],["\u8868\u9762\u5904\u7406","\u62c9\u4e1d\u54d1\u5149"],["\u76f4\u5f84","100mm"],["\u539a\u5ea6","3mm"],["\u96d5\u523b\u5de5\u827a","\u5149\u7ea4\u6fc0\u5149\u7cbe\u7ec6\u5fae\u96d5"],["\u8010\u6e29","\u2264120\xb0C"]],images:["/img/cup/The1.jpg"],mask:{shape:"circle",width:280,height:280}},{id:"penbox",name:"\u7af9\u5236\u7b14\u76d2",desc:"\u81ea\u7136\u7af9\u7eb9\uff0c\u6587\u623f\u96c5\u5668",icon:"/icon/\u7b14\u76d2.png",iconImg:"/icon/\u7b14\u76d2.png",price:75,originalPrice:98,leadTime:"7-10\u4e2a\u5de5\u4f5c\u65e5",description:"\u7cbe\u9009\u5929\u7136\u6960\u7af9\uff0c\u7ecf\u591a\u9053\u5de5\u5e8f\u6253\u78e8\u629b\u5149\uff0c\u4fdd\u7559\u5929\u7136\u7af9\u7eb9\u808c\u7406\u3002\u76d2\u76d6\u91c7\u7528\u78c1\u5438\u5f00\u5408\uff0c\u5185\u90e8\u8bbe\u6709\u5206\u5c42\u9694\u677f\u3002\u6fc0\u5149\u5fae\u96d5\u5728\u7af9\u9762\u4e0a\u5448\u73b0\u6df1\u6d45\u4e0d\u4e00\u7684\u96d5\u523b\u6548\u679c\uff0c\u878d\u5165\u58a8\u9999\u6c14\u8d28\u3002\u9002\u5408\u4e66\u623f\u6848\u5934\u3001\u4e66\u6cd5\u7231\u597d\u8005\u7684\u6587\u623f\u4f34\u4fa3\u3002",subtitle:"\u5929\u7136\u6960\u7af9 \xb7 \u78c1\u5438\u5f00\u5408 \xb7 \u6587\u623f\u96c5\u5668\u4e4b\u9009",tone:[30,24,16],story:"\u6bcf\u4e00\u53ea\u7b14\u76d2\u90fd\u6765\u81ea\u540c\u4e00\u7247\u7af9\u6797\u7684\u4e0d\u540c\u90e8\u4f4d\uff0c\u56e0\u6b64\u7eb9\u8def\u7edd\u4e0d\u91cd\u590d\u2014\u2014\u6b63\u5982\u6ca1\u6709\u4e24\u4e2a\u4eba\u7684\u4e66\u6cd5\u98ce\u683c\u5b8c\u5168\u76f8\u540c\u3002\u6211\u4eec\u4fdd\u7559\u4e86\u6960\u7af9\u5929\u7136\u7684\u6e29\u6da6\u89e6\u611f\uff0c\u53ea\u5728\u8868\u9762\u4ee5\u6fc0\u5149\u523b\u4e0b\u540d\u5b57\u6216\u4e00\u53e5\u7bb4\u8a00\u3002\u6253\u5f00\u78c1\u5438\u76d2\u76d6\u65f6\u7684\u6e05\u8106\u58f0\u54cd\uff0c\u662f\u6587\u623f\u4e2d\u7684\u5c0f\u5c0f\u4eea\u5f0f\u3002",scene:"\u4e66\u623f\u6848\u5934\u3001\u4e66\u6cd5\u7231\u597d\u8005\u88c5\u5907\u3001\u6559\u5e08\u8282\u793c\u7269\u3001\u4e66\u623f\u6696\u623f\u793c\u3002\u9002\u5408\u9001\u7ed9\u5199\u5b57\u597d\u770b\u7684\u4eba\u2014\u2014\u56e0\u4e3a\u61c2\u4e66\u5199\u7684\u4eba\uff0c\u624d\u61c2\u4e00\u53ea\u597d\u7b14\u76d2\u7684\u5206\u91cf\u3002",tags:["\u6587\u623f","\u4e66\u6cd5","\u6559\u5e08\u8282","\u4e66\u623f","\u5929\u7136\u6750\u8d28"],specs:[["\u6750\u8d28","\u5929\u7136\u6960\u7af9"],["\u5f00\u5408\u65b9\u5f0f","\u78c1\u5438\u5f0f\u76d2\u76d6"],["\u5185\u90e8\u7ed3\u6784","\u5206\u5c42\u9694\u677f\uff08\u53ef\u8c03\u8282\uff09"],["\u5c3a\u5bf8","200 \xd7 65 \xd7 30mm"],["\u8868\u9762\u5904\u7406","\u624b\u5de5\u6253\u78e8\u629b\u5149\uff0c\u65e0\u6f06"],["\u96d5\u523b\u5de5\u827a","CO2 \u6fc0\u5149\u70e7\u8680\uff08\u6df1\u6d45\u53ef\u8c03\uff09"]],images:["/img/penbox/The1.jpg","/img/penbox/The2.jpg","/img/penbox/The3.jpg"],mask:{shape:"rect",width:320,height:160,borderRadius:12}},{id:"booklamp",name:"\u4e66\u672c\u578b\u706f",desc:"\u6e29\u6696\u5149\u5f71\uff0c\u70b9\u4eae\u5fc3\u610f",icon:"/icon/\u4e66\u706f.png",iconImg:"/icon/\u4e66\u706f.png",price:45,originalPrice:68,leadTime:"5-7\u4e2a\u5de5\u4f5c\u65e5",description:"\u5f00\u5408\u5f0f\u8bbe\u8ba1\uff0c\u6253\u5f00\u5373\u4eae\uff0c\u5408\u62e2\u5373\u706d\uff0c\u5982\u9b54\u6cd5\u4e66\u822c\u5145\u6ee1\u60ca\u559c\u3002\u91c7\u7528LED\u6696\u5149\u706f\u6e90\uff0c\u5149\u7ebf\u67d4\u548c\u4e0d\u523a\u773c\uff0c\u53ef\u6301\u7eed\u70b9\u4eae6-8\u5c0f\u65f6\u3002\u5c01\u9762\u6fc0\u5149\u5fae\u96d5\u53ef\u5b9a\u5236\u6587\u5b57\u3001\u56fe\u6848\u6216\u7167\u7247\uff0c\u8ba9\u6e29\u6696\u7684\u706f\u5149\u627f\u8f7d\u4e13\u5c5e\u8bb0\u5fc6\u3002\u662f\u60c5\u4fa3\u793c\u7269\u3001\u6bd5\u4e1a\u793c\u7269\u7684\u521b\u610f\u4e4b\u9009\u3002",subtitle:"\u5f00\u5408\u5373\u4eae \xb7 LED\u6696\u5149 \xb7 \u9b54\u6cd5\u4e66\u822c\u7684\u60ca\u559c",tone:[25,20,15],story:"\u7075\u611f\u6765\u81ea\u300a\u54c8\u5229\xb7\u6ce2\u7279\u300b\u4e2d\u7684\u9b54\u6cd5\u8bfe\u672c\u2014\u2014\u6253\u5f00\u4e00\u672c\u4e66\uff0c\u5149\u8292\u503e\u6cfb\u800c\u51fa\u3002\u6211\u4eec\u91c7\u7528\u675c\u90a6\u7eb8\u4e0e\u5b9e\u6728\u5c01\u9762\u7ed3\u5408\uff0c\u8ba9\u706f\u4f53\u65e2\u8f7b\u8584\u53c8\u575a\u56fa\u3002\u6fc0\u5149\u5fae\u96d5\u5728\u5c01\u9762\u7559\u4e0b\u4f60\u7684\u540d\u5b57\u6216\u4e00\u5e45\u5c0f\u753b\uff0c\u5f53\u706f\u5728\u6df1\u591c\u4eae\u8d77\uff0c\u90a3\u662f\u4e13\u5c5e\u4e8e\u4f60\u7684\u6e29\u6696\u89d2\u843d\u3002",scene:"\u60c5\u4fa3\u793c\u7269\u3001\u6bd5\u4e1a\u7eaa\u5ff5\u3001\u5e8a\u5934\u591c\u706f\u3001\u9732\u8425\u6c1b\u56f4\u706f\u3001\u513f\u7ae5\u623f\u3002\u7279\u522b\u9002\u5408\u5728\u5c01\u9762\u523b\u4e0a\u4e24\u4e2a\u4eba\u7684\u540d\u5b57\u548c\u4e00\u53e5\u60c5\u8bdd\uff0c\u5728\u60c5\u4eba\u8282\u6216\u7eaa\u5ff5\u65e5\u9001\u51fa\u2014\u2014\u6253\u5f00\u4e66\u706f\uff0c\u5c31\u50cf\u6253\u5f00\u4e00\u5c01\u4f1a\u53d1\u5149\u7684\u60c5\u4e66\u3002",tags:["\u60c5\u4fa3\u793c","\u6bd5\u4e1a\u7eaa\u5ff5","\u591c\u706f","\u6c1b\u56f4\u706f","\u521b\u610f\u793c\u7269"],specs:[["\u5149\u6e90","LED \u6696\u767d\u5149\uff083000K\uff09"],["\u7eed\u822a","6-8\u5c0f\u65f6\uff08\u5185\u7f6e\u53ef\u5145\u7535\u9502\u7535\u6c60\uff09"],["\u5145\u7535","USB Type-C \u63a5\u53e3"],["\u5c01\u9762\u6750\u8d28","\u675c\u90a6\u7eb8 + \u5b9e\u6728\u5c01\u9762"],["\u5c55\u5f00\u5c3a\u5bf8","210 \xd7 150mm"],["\u96d5\u523b\u5de5\u827a","\u6fc0\u5149\u5fae\u96d5\uff08\u652f\u6301\u6587\u5b57+\u7b80\u5355\u56fe\u6848\uff09"]],images:["/img/booklight/The1.jpg","/img/booklight/The2.jpg"],mask:{shape:"rect",width:320,height:240,borderRadius:4}}],u=i.map(function(n){return(0,r.A)((0,r.A)({},n),{},{images:(n.images||[]).map(function(n){return(0,o.uq)(n)}),iconImg:(0,o.uq)(n.iconImg)})}),c=u,a=function(n){return u.find(function(t){return t.id===n})},s={"notebook-small":(0,o.uq)("/icon/\u4e66\u672c.png"),"notebook-large":(0,o.uq)("/icon/\u4e66\u672c_\u5927.png"),coaster:(0,o.uq)("/icon/\u676f\u5b50.png"),penbox:(0,o.uq)("/icon/\u7b14\u76d2.png"),booklamp:(0,o.uq)("/icon/\u4e66\u706f.png")};function d(n){return null!==n&&void 0!==n&&n.iconImg?(0,o.uq)(n.iconImg):null!==n&&void 0!==n&&n.id?(0,o.uq)(s[n.id]||"/icon/\u56db\u89d2\u661f.svg"):(0,o.uq)("/icon/\u56db\u89d2\u661f.svg")}},3246:function(n,t,e){e.d(t,{L:function(){return g},Sy:function(){return d},WG:function(){return l},gf:function(){return f},q:function(){return m}});var r=e(1212),o=e(9379),i=e(467),u=e(758),c=e.n(u),a="https://wxbackend.tokenleaping.com",s="smart_access_token";function d(){try{c().hideLoading()}catch(n){}}function f(){try{return c().getStorageSync(s)||""}catch(n){return""}}function l(n){c().setStorageSync(s,n)}function g(){try{c().removeStorageSync(s)}catch(n){}}var h=null;var p=null;function m(n){p=n}function v(n,t,e,r){return S.apply(this,arguments)}function S(){return S=(0,i.A)((0,r.A)().m(function n(t,e,o,i){return(0,r.A)().w(function(n){while(1)switch(n.n){case 0:return n.a(2,c().request({url:"".concat(a).concat(t),method:e,data:o,header:i}))}},n)})),S.apply(this,arguments)}function y(n){return k.apply(this,arguments)}function k(){return k=(0,i.A)((0,r.A)().m(function n(t){var e,i,u,c,a,s,d,l,m,S,y,k,A,b,C,w,T,_,x=arguments;return(0,r.A)().w(function(n){while(1)switch(n.p=n.n){case 0:return e=x.length>1&&void 0!==x[1]?x[1]:{},i=e.method,u=void 0===i?"GET":i,c=e.data,a=e.headers,s=void 0===a?{}:a,d=e.auth,l=void 0===d||d,m=e.skipAuthRefresh,S=void 0!==m&&m,y=function(){var n=f();return(0,o.A)((0,o.A)({"Content-Type":"application/json"},l&&n?{Authorization:"Bearer ".concat(n)}:{}),s)},n.p=1,n.n=2,v(t,u,c,y());case 2:k=n.v,n.n=4;break;case 3:throw n.p=3,n.v,A=new Error("\u7f51\u7edc\u5f02\u5e38\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5"),A.statusCode=-1,A;case 4:if(401!==k.statusCode||S||!p){n.n=9;break}return n.n=5,p();case 5:if(b=n.v,!b){n.n=9;break}return n.p=6,n.n=7,v(t,u,c,y());case 7:k=n.v,n.n=9;break;case 8:throw n.p=8,n.v,C=new Error("\u7f51\u7edc\u5f02\u5e38\uff0c\u8bf7\u7a0d\u540e\u91cd\u8bd5"),C.statusCode=-1,C;case 9:if(401!==k.statusCode){n.n=10;break}throw g(),null===(w=h)||void 0===w||w(),T=new Error("\u767b\u5f55\u5df2\u8fc7\u671f\uff0c\u8bf7\u91cd\u65b0\u767b\u5f55"),T.statusCode=401,T;case 10:if(_=k.data,!_||"number"!==typeof _.code||0===_.code){n.n=11;break}throw new Error(_.message||"\u8bf7\u6c42\u5931\u8d25");case 11:return n.a(2,_&&"number"===typeof _.code?_.data:_)}},n,null,[[6,8],[1,3]])})),k.apply(this,arguments)}var A={get:function(n,t){return y(n,(0,o.A)((0,o.A)({},t),{},{method:"GET"}))},post:function(n,t,e){return y(n,(0,o.A)((0,o.A)({},e),{},{method:"POST",data:t}))},put:function(n,t,e){return y(n,(0,o.A)((0,o.A)({},e),{},{method:"PUT",data:t}))},patch:function(n,t,e){return y(n,(0,o.A)((0,o.A)({},e),{},{method:"PATCH",data:t}))},del:function(n,t){return y(n,(0,o.A)((0,o.A)({},t),{},{method:"DELETE"}))}};t.Ay=A},8594:function(n,t,e){e.d(t,{E1:function(){return K},EB:function(){return X},F0:function(){return M},Fu:function(){return R},Hf:function(){return w},IU:function(){return L},Ic:function(){return g},O4:function(){return F},Q1:function(){return x},Q4:function(){return A},Re:function(){return J},Rq:function(){return z},ab:function(){return $},cY:function(){return G},eW:function(){return Y},hG:function(){return E},i5:function(){return W},iA:function(){return T},iZ:function(){return j},kg:function(){return I},kh:function(){return H},n7:function(){return O},p_:function(){return P},uF:function(){return B},ug:function(){return _},yU:function(){return Z}});var r=e(9379),o=e(436),i=e(758),u=e.n(i),c=e(5234),a=e(8199),s=e(6764),d="smart_theme",f="smart_user_info",l="smart_active_openid";function g(n){return!!n&&(n.startsWith("mock_")||n.startsWith("mock-"))}function h(){var n=A(),t=(null===n||void 0===n?void 0:n.openid)||u().getStorageSync(l)||"_guest_";return u().setStorageSync(l,t),t}function p(n){var t=h();return"".concat(n,"_").concat(t)}var m="smart_user_registry",v="zhihui2024";function S(){try{return u().getStorageSync(m)||[]}catch(n){return[]}}function y(n){var t=S();t.includes(n)||(t.push(n),u().setStorageSync(m,t))}function k(n){var t=S().filter(function(t){return t!==n});u().setStorageSync(m,t)}function A(){try{return u().getStorageSync(f)}catch(n){return null}}function b(n){var t;u().setStorageSync(f,n),null!==n&&void 0!==n&&n.openid&&(u().setStorageSync(l,n.openid),u().setStorageSync("user_info_".concat(n.openid),n),y(n.openid)),(0,s.m)(),null===(t=u().eventCenter)||void 0===t||t.trigger("authStateChanged",{openid:(null===n||void 0===n?void 0:n.openid)||""})}function C(n){try{var t=u().getStorageSync("user_info_".concat(n));if(t)return t}catch(n){}var e=A();return(null===e||void 0===e?void 0:e.openid)===n?e:null}function w(){var n;u().removeStorageSync(f),u().removeStorageSync(l),(0,s.m)(),null===(n=u().eventCenter)||void 0===n||n.trigger("authStateChanged",{openid:""})}function T(n){b(n)}function _(){return A()}function x(){var n=S();return n.map(function(n){var t=C(n),e=N(n),r=q(n);return{openid:n,nickName:(null===t||void 0===t?void 0:t.nickName)||"\u672a\u77e5\u7528\u6237",avatarUrl:(null===t||void 0===t?void 0:t.avatarUrl)||"",loginAt:(null===t||void 0===t?void 0:t.loginAt)||0,designCount:e.length,orderCount:r.length}})}function I(n,t){var e="mock_"+Date.now().toString(36)+"_"+Math.random().toString(36).slice(2,6),r={openid:e,nickName:n||"\u5fae\u4fe1\u7528\u6237",avatarUrl:t||"",loginAt:Date.now()};return b(r),r}function j(n){var t=C(n);return!!t&&(u().setStorageSync(f,t),u().setStorageSync(l,n),!0)}function E(n){u().removeStorageSync("user_info_".concat(n)),u().removeStorageSync("design_list_".concat(n)),u().removeStorageSync("order_list_".concat(n)),u().removeStorageSync("address_list_".concat(n)),k(n);var t=A();(null===t||void 0===t?void 0:t.openid)===n&&w()}function B(n){return n===v}function D(n,t){return"".concat(n,"_").concat(t)}function N(n){try{return u().getStorageSync(D("design_list",n))||[]}catch(n){return[]}}function q(n){try{return u().getStorageSync(D("order_list",n))||[]}catch(n){return[]}}function P(){try{return u().getStorageSync(p("design_list"))||[]}catch(n){return[]}}function R(n){u().setStorageSync(p("design_list"),n)}function G(n,t){var e=P(),r=(0,a.uq)((null===n||void 0===n?void 0:n.iconImg)||c.rj[null===n||void 0===n?void 0:n.id]||"/icon/\u56db\u89d2\u661f.svg"),i={id:"DSG"+Date.now(),productId:n.id,productName:n.name,productIcon:r,unitPrice:n.price,count:t,status:"undesigned",createdAt:(new Date).toISOString().slice(0,10)};return R([].concat((0,o.A)(e),[i])),i}function W(n,t){var e=P(),o=e.findIndex(function(t){return t.id===n});-1!==o&&(e[o]=(0,r.A)((0,r.A)({},e[o]),t),R(e))}function H(n){var t=P().filter(function(t){return!n.includes(t.id)});R(t)}function O(){try{return u().getStorageSync(p("order_list"))||[]}catch(n){return[]}}function U(n){u().setStorageSync(p("order_list"),n)}function L(n){var t,e=P(),r=O(),i=e.find(function(t){return t.id===n});if(!i)return null;var u=null!==(t=i.productIcon)&&void 0!==t&&t.startsWith("/icon/")||/^https?:/i.test(i.productIcon||"")?i.productIcon:c.rj[i.productId]||"/icon/\u56db\u89d2\u661f.svg",s=(0,a.uq)(u),d={id:"ORD"+Date.now().toString().slice(-9),productName:i.productName,productIcon:s,statusCode:"pending",date:(new Date).toLocaleString("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).replace(/\//g,"-"),price:"\xa5"+(i.unitPrice*i.count).toFixed(2),count:i.count,sku:"".concat(i.productName," \xd7 ").concat(i.count)},f=e.findIndex(function(t){return t.id===n});return-1!==f&&(e[f].status="ordered",e[f].orderId=d.id),R(e),U([d].concat((0,o.A)(r))),d}function F(){try{return u().getStorageSync(d)||"auto"}catch(n){return"auto"}}function M(n){u().setStorageSync(d,n)}var Q=null;function z(n){Q=n}function Y(n){if("auto"===n){if(Q)return Q;try{var t=u().getAppBaseInfo();if("dark"===t.theme||"light"===t.theme)return t.theme}catch(n){}return"light"}return n}function J(){try{return u().getStorageSync(p("address_list"))||[]}catch(n){return[]}}function V(n){u().setStorageSync(p("address_list"),n)}function K(n){var t=J(),e=(0,r.A)((0,r.A)({},n),{},{id:"ADR"+Date.now()});return e.isDefault&&t.forEach(function(n){n.isDefault=!1}),V([e].concat((0,o.A)(t))),e}function Z(n,t){var e=J(),o=e.findIndex(function(t){return t.id===n});-1!==o&&(t.isDefault&&e.forEach(function(n){n.isDefault=!1}),e[o]=(0,r.A)((0,r.A)({},e[o]),t),V(e))}function $(n){var t=J().filter(function(t){return t.id!==n});V(t)}function X(){return J().find(function(n){return n.isDefault})}},6606:function(n,t,e){e.d(t,{G:function(){return u}});var r=e(758),o=e.n(r);function i(n){return"dark"===n?"#191919":"#faf7f2"}function u(n,t){var e=null!==t&&void 0!==t?t:i(n);o().setBackgroundColor({backgroundColor:e,backgroundColorTop:e,backgroundColorBottom:e}),o().setBackgroundTextStyle({textStyle:"dark"===n?"light":"dark"})}}}]); \ No newline at end of file diff --git a/dist/common.wxss b/dist/common.wxss new file mode 100644 index 0000000..f3d901b --- /dev/null +++ b/dist/common.wxss @@ -0,0 +1 @@ +.bottom-action-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(32rpx) saturate(1.2);-webkit-backdrop-filter:blur(32rpx) saturate(1.2);background:hsla(0,0%,100%,.55);border:1rpx solid hsla(0,0%,100%,.55);border-radius:64rpx;bottom:36rpx;-webkit-box-shadow:0 12rpx 40rpx rgba(46,34,34,.18),0 4rpx 12rpx rgba(46,34,34,.08);box-shadow:0 12rpx 40rpx rgba(46,34,34,.18),0 4rpx 12rpx rgba(46,34,34,.08);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;left:36rpx;padding:24rpx 24rpx calc(24rpx + env(safe-area-inset-bottom));position:fixed;right:36rpx;z-index:500}.theme-dark .bottom-action-bar{background:rgba(25,25,25,.55);border-color:hsla(0,0%,100%,.14);-webkit-box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3);box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3)} \ No newline at end of file diff --git a/dist/custom-tab-bar/index.js b/dist/custom-tab-bar/index.js index ce99fe9..fafb736 100644 --- a/dist/custom-tab-bar/index.js +++ b/dist/custom-tab-bar/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[777],{653:function(n,e,t){var a=t(7842),i=t(5544),c=t(118),o=t(758),r=t.n(o),u=t(6540),s=t(8594),l=t(9703),v=t(6606),g=t(8199),f=t(4848),p=[{pagePath:"/pages/index/index",label:"\u9996\u9875",icon:(0,g.uq)("/icon/\u9996\u9875.svg"),iconActive:(0,g.uq)("/icon/\u9996\u9875-fill.svg")},{pagePath:"/pages/shop/index",label:"\u5546\u54c1",icon:(0,g.uq)("/icon/\u5546\u54c1.svg"),iconActive:(0,g.uq)("/icon/\u5546\u54c1-fill.svg")},{pagePath:"/pages/designList/index",label:"\u8bbe\u8ba1\u6e05\u5355",icon:(0,g.uq)("/icon/\u8c03\u8272\u76d8.svg"),iconActive:(0,g.uq)("/icon/\u8c03\u8272\u76d8-fill.svg")},{pagePath:"/pages/orders/index",label:"\u8ba2\u5355",icon:(0,g.uq)("/icon/\u5305\u88f9.svg"),iconActive:(0,g.uq)("/icon/\u5305\u88f9-fill.svg")},{pagePath:"/pages/profile/index",label:"\u6211\u7684",icon:(0,g.uq)("/icon/\u4e2a\u4eba.svg"),iconActive:(0,g.uq)("/icon/\u4e2a\u4eba-fill.svg")}];function d(n){var e=p.findIndex(function(e){return n.endsWith(e.pagePath)});return p[e>=0?e:0].pagePath}function h(){var n,e=(null===(n=r().getCurrentInstance().router)||void 0===n?void 0:n.path)||"pages/index/index";return d(e)}function b(){var n=(0,u.useState)((0,s.eW)((0,s.O4)())),e=(0,i.A)(n,2),t=e[0],a=e[1],o=(0,u.useState)(h),g=(0,i.A)(o,2),b=g[0],x=g[1];(0,u.useEffect)(function(){var n=function(n){return a(n)};return r().eventCenter.on(l.Wo,n),function(){r().eventCenter.off(l.Wo,n)}},[]),(0,u.useEffect)(function(){var n=function(n){var e;x(d(n||(null===(e=r().getCurrentInstance().router)||void 0===e?void 0:e.path)||"pages/index/index"))};return r().eventCenter.on("tabBarChange",n),function(){r().eventCenter.off("tabBarChange",n)}},[]),(0,u.useEffect)(function(){(0,v.G)(t)},[t]);var m=function(n){var e;x(d(n)),r().switchTab({url:n}),null===(e=r().eventCenter)||void 0===e||e.trigger("tabBarChange",n)};return(0,f.jsx)(c.Ss,{className:"custom-tab-bar theme-".concat(t),children:p.map(function(n){var e=n.pagePath===b;return(0,f.jsxs)(c.Ss,{className:"tab-item ".concat(e?"active":""),onTap:function(){return m(n.pagePath)},children:[(0,f.jsx)(c._V,{className:"tab-icon-img ".concat(e?"active":""),src:e?n.iconActive:n.icon,mode:"aspectFit"}),(0,f.jsx)(c.EY,{className:"tab-label",children:n.label})]},n.pagePath)})})}Component((0,a.createComponentConfig)(b,"custom-tab-bar/index"))}},function(n){var e=function(e){return n(n.s=e)};n.O(0,[907,96,76],function(){return e(653)});n.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[777],{653:function(e,n,t){var a=t(7842),i=t(5544),c=t(118),o=t(758),r=t.n(o),s=t(6540),u=t(8594),f=t(9703),g=t(6606),h=t(8199),l=t(4848),v=[{pagePath:"/pages/index/index",label:"\u9996\u9875",icon:(0,h.uq)("/icon/\u9996\u9875.svg"),iconActive:(0,h.uq)("/icon/\u9996\u9875-fill.svg")},{pagePath:"/pages/shop/index",label:"\u5546\u54c1",icon:(0,h.uq)("/icon/\u5546\u54c1.svg"),iconActive:(0,h.uq)("/icon/\u5546\u54c1-fill.svg")},{pagePath:"/pages/designList/index",label:"\u8bbe\u8ba1\u6e05\u5355",icon:(0,h.uq)("/icon/\u8c03\u8272\u76d8.svg"),iconActive:(0,h.uq)("/icon/\u8c03\u8272\u76d8-fill.svg")},{pagePath:"/pages/orders/index",label:"\u8ba2\u5355",icon:(0,h.uq)("/icon/\u5305\u88f9.svg"),iconActive:(0,h.uq)("/icon/\u5305\u88f9-fill.svg")},{pagePath:"/pages/profile/index",label:"\u6211\u7684",icon:(0,h.uq)("/icon/\u4e2a\u4eba.svg"),iconActive:(0,h.uq)("/icon/\u4e2a\u4eba-fill.svg")}];function p(e){var n=v.findIndex(function(n){return e.endsWith(n.pagePath)});return v[n>=0?n:0].pagePath}function b(){var e=r().getCurrentInstance().router,n=e&&e.path?e.path:"pages/index/index";return p(n)}function m(){var e=(0,s.useState)((0,u.eW)((0,u.O4)())),n=(0,i.A)(e,2),t=n[0],a=n[1],o=(0,s.useState)(b),h=(0,i.A)(o,2),m=h[0],d=h[1];(0,s.useEffect)(function(){var e=function(e){return a(e)};return r().eventCenter.on(f.Wo,e),function(){r().eventCenter.off(f.Wo,e)}},[]),(0,s.useEffect)(function(){var e=function(e){!e||"dark"!==e.theme&&"light"!==e.theme||((0,u.Rq)(e.theme),"auto"===(0,u.O4)()&&a(e.theme))},n=r();return n.onThemeChange&&n.onThemeChange(e),function(){n.offThemeChange&&n.offThemeChange(e)}},[]),(0,s.useEffect)(function(){var e=function(e){var n=r().getCurrentInstance().router,t=n&&n.path?n.path:"pages/index/index";d(p(e||t))};return r().eventCenter.on("tabBarChange",e),function(){r().eventCenter.off("tabBarChange",e)}},[]),(0,s.useEffect)(function(){(0,g.G)(t)},[t]);var x=function(e){d(p(e)),r().switchTab({url:e}),r().eventCenter.trigger("tabBarChange",e)};return(0,l.jsxs)(c.Ss,{className:"tab-bar-root theme-".concat(t),children:[(0,l.jsx)(c.Ss,{className:"tab-bar-gradient"}),(0,l.jsx)(c.Ss,{className:"custom-tab-bar theme-".concat(t),children:v.map(function(e){var n=e.pagePath===m;return(0,l.jsxs)(c.Ss,{className:"tab-item ".concat(n?"active":""),onTap:function(){return x(e.pagePath)},children:[n&&(0,l.jsx)(c.Ss,{className:"tab-indicator"}),(0,l.jsx)(c._V,{className:"tab-icon-img ".concat(n?"active":""),src:n?e.iconActive:e.icon,mode:"aspectFit"}),(0,l.jsx)(c.EY,{className:"tab-label",children:e.label})]},e.pagePath)})})]})}Component((0,a.createComponentConfig)(m,"custom-tab-bar/index"))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[907,96,76],function(){return n(653)});e.O()}]); \ No newline at end of file diff --git a/dist/custom-tab-bar/index.wxss b/dist/custom-tab-bar/index.wxss index 2897c24..ca32cd2 100644 --- a/dist/custom-tab-bar/index.wxss +++ b/dist/custom-tab-bar/index.wxss @@ -1 +1 @@ -.custom-tab-bar{-ms-flex-pack:distribute;-ms-flex-align:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(20rpx);-webkit-backdrop-filter:blur(20rpx);background:hsla(0,0%,100%,.78);bottom:0;-webkit-box-shadow:0 -8rpx 20rpx rgba(0,0,0,.08);box-shadow:0 -8rpx 20rpx rgba(0,0,0,.08);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(96rpx + constant(safe-area-inset-bottom));height:calc(96rpx + env(safe-area-inset-bottom));-webkit-justify-content:space-around;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.custom-tab-bar.theme-dark{backdrop-filter:blur(20rpx);-webkit-backdrop-filter:blur(20rpx);background:rgba(25,25,25,.78);-webkit-box-shadow:0 -8rpx 20rpx rgba(0,0,0,.45);box-shadow:0 -8rpx 20rpx rgba(0,0,0,.45)}.tab-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;max-width:160rpx;padding:0 12rpx;position:relative}.tab-icon-img{height:40rpx;margin-bottom:2rpx;opacity:.8;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:40rpx}.tab-item.active .tab-icon-img{opacity:1;-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.tab-label{color:#b08d8d;font-size:20rpx;font-weight:700;line-height:22rpx;-webkit-transition:color .2s;transition:color .2s}.custom-tab-bar.theme-dark .tab-label{color:#999}.tab-item.active .tab-label{color:#ff9a9e}.custom-tab-bar.theme-dark .tab-item.active .tab-label{color:#ff7eb3} \ No newline at end of file +.tab-bar-root{bottom:0;height:160rpx;left:0;pointer-events:none;position:fixed;right:0;z-index:999}.tab-bar-gradient{bottom:0;height:100%;left:0;position:absolute;right:0}.tab-bar-root.theme-light .tab-bar-gradient{background:-webkit-gradient(linear,left bottom,left top,from(hsla(38,44%,96%,.5)),color-stop(50%,hsla(38,44%,96%,.1)),color-stop(86%,hsla(38,44%,96%,0)));background:-webkit-linear-gradient(bottom,hsla(38,44%,96%,.5),hsla(38,44%,96%,.1) 50%,hsla(38,44%,96%,0) 86%);background:linear-gradient(0deg,hsla(38,44%,96%,.5) 0,hsla(38,44%,96%,.1) 50%,hsla(38,44%,96%,0) 86%)}.tab-bar-root.theme-dark .tab-bar-gradient{background:-webkit-gradient(linear,left bottom,left top,from(rgba(25,25,25,.5)),color-stop(50%,rgba(25,25,25,.1)),color-stop(86%,rgba(25,25,25,0)));background:-webkit-linear-gradient(bottom,rgba(25,25,25,.5),rgba(25,25,25,.1) 50%,rgba(25,25,25,0) 86%);background:linear-gradient(0deg,rgba(25,25,25,.5) 0,rgba(25,25,25,.1) 50%,rgba(25,25,25,0) 86%)}.custom-tab-bar{-ms-flex-pack:distribute;-ms-flex-align:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(32rpx) saturate(1.2);-webkit-backdrop-filter:blur(32rpx) saturate(1.2);background:hsla(0,0%,100%,.55);border:1rpx solid hsla(0,0%,100%,.55);border-radius:64rpx;bottom:36rpx;-webkit-box-shadow:0 12rpx 40rpx rgba(0,0,0,.18),0 4rpx 12rpx rgba(0,0,0,.08);box-shadow:0 12rpx 40rpx rgba(0,0,0,.18),0 4rpx 12rpx rgba(0,0,0,.08);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:116rpx;-webkit-justify-content:space-around;justify-content:space-around;left:36rpx;pointer-events:auto;position:absolute;right:36rpx;z-index:1000}.custom-tab-bar.theme-dark{backdrop-filter:blur(32rpx) saturate(1.2);-webkit-backdrop-filter:blur(32rpx) saturate(1.2);background:rgba(25,25,25,.55);border-color:hsla(0,0%,100%,.14);-webkit-box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3);box-shadow:0 12rpx 40rpx rgba(0,0,0,.5),0 4rpx 12rpx rgba(0,0,0,.3)}.tab-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;max-width:160rpx;padding:0 12rpx;position:relative}.tab-indicator{background:rgba(0,0,0,.14);border-radius:50rpx;bottom:6rpx;-webkit-box-shadow:0 0 6rpx rgba(0,0,0,.07);box-shadow:0 0 6rpx rgba(0,0,0,.07);height:100rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:120rpx}.custom-tab-bar.theme-dark .tab-indicator{background:hsla(0,0%,100%,.14);-webkit-box-shadow:0 0 6rpx hsla(0,0%,100%,.07);box-shadow:0 0 6rpx hsla(0,0%,100%,.07)}.tab-icon-img{height:40rpx;margin-bottom:2rpx;opacity:.8;position:relative;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:40rpx;z-index:1}.tab-item.active .tab-icon-img{opacity:1;-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.tab-label{color:#8a7e76;font-size:20rpx;font-weight:700;line-height:22rpx;position:relative;-webkit-transition:color .2s;transition:color .2s;z-index:1}.custom-tab-bar.theme-dark .tab-label{color:#b3a79c}.tab-item.active .tab-label{color:#d96c6a}.custom-tab-bar.theme-dark .tab-item.active .tab-label{color:#f09198} \ No newline at end of file diff --git a/dist/icon/个人-fill.svg b/dist/icon/个人-fill.svg index be7cce7..7455a03 100644 --- a/dist/icon/个人-fill.svg +++ b/dist/icon/个人-fill.svg @@ -1 +1 @@ - + diff --git a/dist/icon/个人.svg b/dist/icon/个人.svg index e73dbb2..5946e46 100644 --- a/dist/icon/个人.svg +++ b/dist/icon/个人.svg @@ -1 +1 @@ - + diff --git a/dist/icon/包裹-fill.svg b/dist/icon/包裹-fill.svg index 0817791..5be2fd5 100644 --- a/dist/icon/包裹-fill.svg +++ b/dist/icon/包裹-fill.svg @@ -1 +1 @@ - + diff --git a/dist/icon/包裹.svg b/dist/icon/包裹.svg index 735214e..8765004 100644 --- a/dist/icon/包裹.svg +++ b/dist/icon/包裹.svg @@ -1 +1 @@ - + diff --git a/dist/icon/商品-fill.svg b/dist/icon/商品-fill.svg index c6c5d99..8c79a26 100644 --- a/dist/icon/商品-fill.svg +++ b/dist/icon/商品-fill.svg @@ -1 +1 @@ - + diff --git a/dist/icon/商品.svg b/dist/icon/商品.svg index 91682b5..d3b0d0b 100644 --- a/dist/icon/商品.svg +++ b/dist/icon/商品.svg @@ -1 +1 @@ - + diff --git a/dist/icon/四角星.svg b/dist/icon/四角星.svg index 8e1c428..68c0a66 100644 --- a/dist/icon/四角星.svg +++ b/dist/icon/四角星.svg @@ -1 +1 @@ - + diff --git a/dist/icon/搜索.svg b/dist/icon/搜索.svg index ec61edd..7133b26 100644 --- a/dist/icon/搜索.svg +++ b/dist/icon/搜索.svg @@ -1 +1 @@ - + diff --git a/dist/icon/调色盘-fill.svg b/dist/icon/调色盘-fill.svg index c10c126..467e753 100644 --- a/dist/icon/调色盘-fill.svg +++ b/dist/icon/调色盘-fill.svg @@ -1 +1 @@ - + diff --git a/dist/icon/调色盘.svg b/dist/icon/调色盘.svg index 04ca07d..9f6bcf2 100644 --- a/dist/icon/调色盘.svg +++ b/dist/icon/调色盘.svg @@ -1 +1 @@ - + diff --git a/dist/icon/首页-fill.svg b/dist/icon/首页-fill.svg index 1c49893..3b25f6a 100644 --- a/dist/icon/首页-fill.svg +++ b/dist/icon/首页-fill.svg @@ -1 +1 @@ - + diff --git a/dist/icon/首页.svg b/dist/icon/首页.svg index a162c99..10d5cf4 100644 --- a/dist/icon/首页.svg +++ b/dist/icon/首页.svg @@ -1 +1 @@ - + diff --git a/dist/pages/address/index.js b/dist/pages/address/index.js index 5ae81b0..ace096b 100644 --- a/dist/pages/address/index.js +++ b/dist/pages/address/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[81],{8807:function(e,s,a){var n=a(7842),c=a(5544),t=a(118),l=a(758),r=a.n(l),i=a(6540),d=a(8594),o=a(9703),m=a(9201),u=a(5414),h=a(9674),x=a(8199),p=a(4848);function j(){var e=(0,o.wR)(),s=(e.theme,e.resolvedTheme),a=(0,m.c)();(0,u.l)(s);var n=(0,i.useState)([]),l=(0,c.A)(n,2),j=l[0],f=l[1],N=(0,i.useState)(null),S=(0,c.A)(N,2),g=S[0],v=S[1],b=(0,i.useState)(!1),E=(0,c.A)(b,2),Y=E[0],T=E[1],w=(0,i.useState)(""),y=(0,c.A)(w,2),k=y[0],A=y[1],C=(0,i.useState)(""),D=(0,c.A)(C,2),P=D[0],I=D[1],B=(0,i.useState)([]),J=(0,c.A)(B,2),M=J[0],O=J[1],R=(0,i.useState)(""),q=(0,c.A)(R,2),F=q[0],L=q[1],U=(0,i.useState)(!1),V=(0,c.A)(U,2),_=V[0],z=V[1],G=function(){return f((0,d.Re)())};(0,i.useEffect)(function(){G()},[]);var H=function(){A(""),I(""),O([]),L(""),z(!1),v(null)},K=function(){H(),T(!0)},Q=function(e){v(e),A(e.name),I(e.phone),O(e.region),L(e.detail),z(e.isDefault),T(!0)},W=function(e){r().showModal({title:"\u786e\u8ba4\u5220\u9664",content:"\u5220\u9664\u540e\u5c06\u65e0\u6cd5\u6062\u590d\u8be5\u5730\u5740",success:function(s){s.confirm&&((0,d.ab)(e),G())}})},X=function(e){var s="".concat(e.name," ").concat(e.phone,"\n").concat(e.region.join(" ")," ").concat(e.detail);r().setClipboardData({data:s})},Z=function(){if(k.trim()&&P.trim()&&0!==M.length&&F.trim()){var e={name:k,phone:P,region:M,detail:F,isDefault:_};g?(0,d.yU)(g.id,e):(0,d.E1)(e),r().showToast({title:"\u4fdd\u5b58\u6210\u529f",icon:"success"}),T(!1),H(),G()}else r().showToast({title:"\u8bf7\u586b\u5199\u5b8c\u6574\u4fe1\u606f",icon:"none"})},$=function(e){O(e.detail.value||[])};return(0,p.jsxs)(t.Ss,{className:"theme-".concat(s),children:[(0,p.jsx)(h.A,{}),(0,p.jsxs)(t.Ss,{className:"address-page",children:[(0,p.jsxs)(t.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:[(0,p.jsx)(t.Ss,{className:"star-badge"}),(0,p.jsxs)(t.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,p.jsx)(t.EY,{className:"back-btn",onTap:function(){return r().navigateBack()},children:"\u2190"}),(0,p.jsx)(t.EY,{className:"page-title",children:"\u6536\u8d27\u5730\u5740"}),(0,p.jsx)(t.Ss,{style:{width:"60px"}})]})]}),(0,p.jsxs)(t.Ss,{className:"address-list",children:[j.map(function(e){return(0,p.jsxs)(t.Ss,{className:"address-card dashed-card",children:[(0,p.jsxs)(t.Ss,{className:"address-header",children:[(0,p.jsxs)(t.Ss,{className:"address-user",children:[(0,p.jsx)(t.EY,{className:"address-name",children:e.name}),(0,p.jsx)(t.EY,{className:"address-phone",children:e.phone}),e.isDefault&&(0,p.jsx)(t.Ss,{className:"default-tag",children:(0,p.jsx)(t.EY,{children:"\u9ed8\u8ba4"})})]}),(0,p.jsxs)(t.EY,{className:"address-full",children:[e.region.join(" ")," ",e.detail]})]}),(0,p.jsxs)(t.Ss,{className:"address-actions",children:[(0,p.jsx)(t.EY,{className:"address-act",onTap:function(){return Q(e)},children:"\u7f16\u8f91"}),(0,p.jsx)(t.EY,{className:"address-act",onTap:function(){return X(e)},children:"\u590d\u5236"}),(0,p.jsx)(t.EY,{className:"address-act delete",onTap:function(){return W(e.id)},children:"\u5220\u9664"})]})]},e.id)}),0===j.length&&(0,p.jsxs)(t.Ss,{className:"empty-state",children:[(0,p.jsx)(t._V,{className:"empty-icon-img",src:(0,x.uq)("/icon/\u5730\u5740.png"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"empty-text",children:"\u8fd8\u6ca1\u6709\u6536\u8d27\u5730\u5740"}),(0,p.jsx)(t.EY,{className:"empty-sub",children:"\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\u6dfb\u52a0\u65b0\u5730\u5740"})]})]}),(0,p.jsx)(t.Ss,{className:"safe-bottom-placeholder"}),(0,p.jsx)(t.Ss,{className:"action-bar",children:(0,p.jsx)(t.Ss,{className:"btn-gradient",onTap:K,children:(0,p.jsx)(t.EY,{children:"\u65b0\u589e\u6536\u8d27\u5730\u5740"})})}),Y&&(0,p.jsx)(t.Ss,{className:"modal-overlay",children:(0,p.jsxs)(t.Ss,{className:"modal-card dashed-card address-form",children:[(0,p.jsx)(t.Ss,{className:"star-badge"}),(0,p.jsx)(t.EY,{className:"modal-title",children:g?"\u7f16\u8f91\u5730\u5740":"\u65b0\u589e\u5730\u5740"}),(0,p.jsx)(t.pd,{className:"form-input",placeholder:"\u6536\u8d27\u4eba\u59d3\u540d",value:k,onInput:function(e){return A(e.detail.value)}}),(0,p.jsx)(t.pd,{className:"form-input",placeholder:"\u624b\u673a\u53f7\u7801",type:"number",value:P,onInput:function(e){return I(e.detail.value)}}),(0,p.jsx)(t.LC,{mode:"region",value:M,onChange:$,children:(0,p.jsx)(t.Ss,{className:"form-picker",children:(0,p.jsx)(t.EY,{className:M.length?"form-picker-val":"form-picker-ph",children:M.length?M.join(" / "):"\u9009\u62e9\u7701 / \u5e02 / \u533a"})})}),(0,p.jsx)(t.pd,{className:"form-input",placeholder:"\u8be6\u7ec6\u5730\u5740\uff1a\u8857\u9053\u3001\u95e8\u724c\u53f7",value:F,onInput:function(e){return L(e.detail.value)}}),(0,p.jsxs)(t.Ss,{className:"form-row",onTap:function(){return z(!_)},children:[(0,p.jsx)(t.EY,{className:"form-label",children:"\u8bbe\u4e3a\u9ed8\u8ba4\u5730\u5740"}),(0,p.jsx)(t.Ss,{className:"checkbox ".concat(_?"checked":"")})]}),(0,p.jsxs)(t.Ss,{className:"form-actions",children:[(0,p.jsx)(t.Ss,{className:"btn-outline",onTap:function(){T(!1),H()},children:(0,p.jsx)(t.EY,{children:"\u53d6\u6d88"})}),(0,p.jsx)(t.Ss,{className:"btn-gradient",onTap:Z,children:(0,p.jsx)(t.EY,{children:"\u4fdd\u5b58"})})]})]})})]})]})}var f={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u6536\u8d27\u5730\u5740"};Page((0,n.createPageConfig)(j,"pages/address/index",{root:{cn:[]}},f||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(8807)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[81],{8807:function(e,s,a){var n=a(7842),c=a(5544),t=a(118),r=a(758),l=a.n(r),i=a(6540),d=a(8594),o=a(9703),u=a(9201),m=a(5414),h=a(9674),p=a(9513),x=a(8199),j=a(4848);function f(){var e=(0,o.wR)(),s=(e.theme,e.resolvedTheme),a=(0,u.c)();(0,m.l)(s);var n=(0,i.useState)([]),r=(0,c.A)(n,2),f=r[0],N=r[1],S=(0,i.useState)(null),g=(0,c.A)(S,2),v=g[0],E=g[1],Y=(0,i.useState)(!1),b=(0,c.A)(Y,2),T=b[0],y=b[1],k=(0,i.useState)(""),w=(0,c.A)(k,2),A=w[0],C=w[1],D=(0,i.useState)(""),P=(0,c.A)(D,2),I=P[0],B=P[1],J=(0,i.useState)([]),M=(0,c.A)(J,2),O=M[0],R=M[1],q=(0,i.useState)(""),F=(0,c.A)(q,2),L=F[0],U=F[1],V=(0,i.useState)(!1),_=(0,c.A)(V,2),z=_[0],G=_[1],H=function(){return N((0,d.Re)())};(0,i.useEffect)(function(){H()},[]);var K=function(){C(""),B(""),R([]),U(""),G(!1),E(null)},Q=function(){K(),y(!0)},W=function(e){E(e),C(e.name),B(e.phone),R(e.region),U(e.detail),G(e.isDefault),y(!0)},X=function(e){l().showModal({title:"\u786e\u8ba4\u5220\u9664",content:"\u5220\u9664\u540e\u5c06\u65e0\u6cd5\u6062\u590d\u8be5\u5730\u5740",success:function(s){s.confirm&&((0,d.ab)(e),H())}})},Z=function(e){var s="".concat(e.name," ").concat(e.phone,"\n").concat(e.region.join(" ")," ").concat(e.detail);l().setClipboardData({data:s})},$=function(){if(A.trim()&&I.trim()&&0!==O.length&&L.trim()){var e={name:A,phone:I,region:O,detail:L,isDefault:z};v?(0,d.yU)(v.id,e):(0,d.E1)(e),l().showToast({title:"\u4fdd\u5b58\u6210\u529f",icon:"success"}),y(!1),K(),H()}else l().showToast({title:"\u8bf7\u586b\u5199\u5b8c\u6574\u4fe1\u606f",icon:"none"})},ee=function(e){R(e.detail.value||[])};return(0,j.jsxs)(t.Ss,{className:"theme-".concat(s),children:[(0,j.jsx)(h.A,{}),(0,j.jsxs)(t.Ss,{className:"address-page",children:[(0,j.jsx)(t.Ss,{className:"page-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,j.jsxs)(t.Ss,{className:"page-header-inner",children:[(0,j.jsx)(t.Ss,{className:"back-btn",onTap:function(){return l().navigateBack()},children:(0,j.jsx)(t.EY,{className:"back-arrow",children:"\u2190"})}),(0,j.jsx)(t.EY,{className:"nav-title",children:"\u6536\u8d27\u5730\u5740"}),(0,j.jsx)(t.Ss,{className:"nav-placeholder"})]})}),(0,j.jsxs)(t.Ss,{className:"address-list",children:[f.map(function(e){return(0,j.jsxs)(t.Ss,{className:"address-card surface-card",children:[(0,j.jsxs)(t.Ss,{className:"address-header",children:[(0,j.jsxs)(t.Ss,{className:"address-user",children:[(0,j.jsx)(t.EY,{className:"address-name",children:e.name}),(0,j.jsx)(t.EY,{className:"address-phone",children:e.phone}),e.isDefault&&(0,j.jsx)(t.Ss,{className:"default-tag",children:(0,j.jsx)(t.EY,{children:"\u9ed8\u8ba4"})})]}),(0,j.jsxs)(t.EY,{className:"address-full",children:[e.region.join(" ")," ",e.detail]})]}),(0,j.jsxs)(t.Ss,{className:"address-actions",children:[(0,j.jsx)(t.EY,{className:"address-act",onTap:function(){return W(e)},children:"\u7f16\u8f91"}),(0,j.jsx)(t.EY,{className:"address-act",onTap:function(){return Z(e)},children:"\u590d\u5236"}),(0,j.jsx)(t.EY,{className:"address-act delete",onTap:function(){return X(e.id)},children:"\u5220\u9664"})]})]},e.id)}),0===f.length&&(0,j.jsxs)(t.Ss,{className:"empty-state",children:[(0,j.jsx)(t._V,{className:"empty-icon-img",src:(0,x.uq)("/icon/\u5730\u5740.png"),mode:"aspectFit"}),(0,j.jsx)(t.EY,{className:"empty-text",children:"\u8fd8\u6ca1\u6709\u6536\u8d27\u5730\u5740"}),(0,j.jsx)(t.EY,{className:"empty-sub",children:"\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\u6dfb\u52a0\u65b0\u5730\u5740"})]})]}),(0,j.jsx)(t.Ss,{className:"safe-bottom-placeholder"}),(0,j.jsx)(p.A,{children:(0,j.jsx)(t.Ss,{className:"btn-primary",onTap:Q,children:(0,j.jsx)(t.EY,{children:"\u65b0\u589e\u6536\u8d27\u5730\u5740"})})}),T&&(0,j.jsx)(t.Ss,{className:"modal-overlay",children:(0,j.jsxs)(t.Ss,{className:"modal-card surface-card address-form",children:[(0,j.jsx)(t.EY,{className:"modal-title",children:v?"\u7f16\u8f91\u5730\u5740":"\u65b0\u589e\u5730\u5740"}),(0,j.jsx)(t.pd,{className:"form-input",placeholder:"\u6536\u8d27\u4eba\u59d3\u540d",value:A,onInput:function(e){return C(e.detail.value)}}),(0,j.jsx)(t.pd,{className:"form-input",placeholder:"\u624b\u673a\u53f7\u7801",type:"number",value:I,onInput:function(e){return B(e.detail.value)}}),(0,j.jsx)(t.LC,{mode:"region",value:O,onChange:ee,children:(0,j.jsx)(t.Ss,{className:"form-picker",children:(0,j.jsx)(t.EY,{className:O.length?"form-picker-val":"form-picker-ph",children:O.length?O.join(" / "):"\u9009\u62e9\u7701 / \u5e02 / \u533a"})})}),(0,j.jsx)(t.pd,{className:"form-input",placeholder:"\u8be6\u7ec6\u5730\u5740\uff1a\u8857\u9053\u3001\u95e8\u724c\u53f7",value:L,onInput:function(e){return U(e.detail.value)}}),(0,j.jsxs)(t.Ss,{className:"form-row",onTap:function(){return G(!z)},children:[(0,j.jsx)(t.EY,{className:"form-label",children:"\u8bbe\u4e3a\u9ed8\u8ba4\u5730\u5740"}),(0,j.jsx)(t.Ss,{className:"checkbox ".concat(z?"checked":"")})]}),(0,j.jsxs)(t.Ss,{className:"form-actions",children:[(0,j.jsx)(t.Ss,{className:"btn-secondary",onTap:function(){y(!1),K()},children:(0,j.jsx)(t.EY,{children:"\u53d6\u6d88"})}),(0,j.jsx)(t.Ss,{className:"btn-primary",onTap:$,children:(0,j.jsx)(t.EY,{children:"\u4fdd\u5b58"})})]})]})})]})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u6536\u8d27\u5730\u5740"};Page((0,n.createPageConfig)(f,"pages/address/index",{root:{cn:[]}},N||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(8807)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/address/index.wxss b/dist/pages/address/index.wxss index 7fe7ba4..31c9ebb 100644 --- a/dist/pages/address/index.wxss +++ b/dist/pages/address/index.wxss @@ -1 +1 @@ -.address-page{padding:0 24rpx 24rpx}.back-btn{font-size:40rpx;padding:10rpx}.address-list{margin-top:20rpx}.address-card{margin-bottom:20rpx;padding:24rpx}.address-header{margin-bottom:20rpx}.address-user{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:12rpx}.address-name{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-right:16rpx}.address-phone{color:var(--text-secondary);font-size:28rpx}.default-tag{background:var(--accent-pink);border-radius:8rpx;color:#fff;font-size:20rpx;margin-left:12rpx;padding:2rpx 10rpx}.address-full{color:var(--text-secondary);font-size:28rpx;line-height:1.5}.address-actions{-ms-flex-pack:end;border-top:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:flex-end;justify-content:flex-end;padding-top:16rpx}.address-act{color:var(--accent-blue);font-size:26rpx}.address-act.delete{color:#ff6b6b}.address-form{max-width:600rpx;padding:40rpx;width:100%}.form-input{background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:80rpx;margin-bottom:20rpx;padding:0 24rpx;width:100%}.form-picker{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:80rpx;margin-bottom:20rpx;padding:0 24rpx;width:100%}.form-picker-val{color:var(--text-primary);font-size:28rpx}.form-picker-ph{color:var(--text-secondary);font-size:28rpx}.form-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.form-label{color:var(--text-primary);font-size:28rpx}.checkbox{border:3rpx dashed var(--line-star);border-radius:10rpx;height:44rpx;width:44rpx}.checkbox.checked{background:var(--accent-pink);border-color:var(--accent-pink)}.form-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.form-actions .btn-gradient,.form-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:20rpx 0;text-align:center}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:120rpx 40rpx;text-align:center}.empty-icon-img{height:48rpx;margin-bottom:24rpx;width:48rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:26rpx} \ No newline at end of file +.address-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx calc(48rpx + env(safe-area-inset-bottom))}.page-header{margin-bottom:24rpx;padding:0}.page-header-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;min-height:88rpx}.back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.nav-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-placeholder{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.address-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24rpx}.address-card{padding:32rpx}.address-header{margin-bottom:8rpx}.address-user{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;margin-bottom:12rpx}.address-name{color:var(--text-primary);font-size:32rpx;font-weight:700}.address-phone{color:var(--text-secondary);font-size:24rpx}.default-tag{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-primary);border-radius:999rpx;color:var(--bg-page);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:20rpx;font-weight:600;height:40rpx;padding:0 16rpx}.address-full{color:var(--text-secondary);display:block;font-size:26rpx;line-height:1.6}.address-actions{-ms-flex-pack:end;border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:20rpx;padding-top:24rpx}.address-act{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-secondary-soft);border-radius:999rpx;color:var(--accent-secondary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24rpx;font-weight:500;min-height:56rpx;padding:0 24rpx}.address-act.delete{background:var(--danger-soft);color:var(--danger)}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:96rpx 40rpx;text-align:center}.empty-icon-img{height:88rpx;margin-bottom:24rpx;width:88rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:26rpx}.bottom-action-bar .btn-primary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:600;-webkit-justify-content:center;justify-content:center;min-height:96rpx;padding:0}.modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:48rpx;z-index:1000}.address-form{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:640rpx;padding:40rpx;width:100%}.modal-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:32rpx;text-align:center}.form-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:88rpx;margin-bottom:20rpx;padding:0 24rpx;width:100%}.form-input:focus{background:var(--bg-card);border-color:var(--accent-primary)}.form-picker{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:88rpx;margin-bottom:20rpx;padding:0 24rpx;width:100%}.form-picker-val{color:var(--text-primary);font-size:28rpx}.form-picker-ph{color:var(--text-muted);font-size:28rpx}.form-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.form-label{color:var(--text-primary);font-size:28rpx}.checkbox{background:var(--bg-card);border:2rpx solid var(--border-strong);border-radius:12rpx;height:44rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease;width:44rpx}.checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.form-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.form-actions .btn-primary,.form-actions .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;-webkit-justify-content:center;justify-content:center;min-height:96rpx;padding:0} \ No newline at end of file diff --git a/dist/pages/agreement/index.js b/dist/pages/agreement/index.js index 7aef3b7..47016b5 100644 --- a/dist/pages/agreement/index.js +++ b/dist/pages/agreement/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[301],{6855:function(e,n,t){var a=t(7842),s=t(118),c=t(9703),r=t(9201),i=t(5414),l=t(9674),o=t(4848);function m(){var e=(0,c.wR)(),n=(e.theme,e.resolvedTheme),t=(0,r.c)();(0,i.l)(n);var a=[{title:"\u4e00\u3001\u7528\u6237\u6743\u8d23",content:"\u7528\u6237\u786e\u8ba4\u63d0\u4ea4\u7684\u8bbe\u8ba1\u5185\u5bb9\u4e0d\u4fb5\u72af\u7b2c\u4e09\u65b9\u77e5\u8bc6\u4ea7\u6743\uff0c\u5b9a\u5236\u5546\u54c1\u4e00\u7ecf\u786e\u8ba4\u4e0b\u5355\u5373\u8fdb\u5165\u751f\u4ea7\u6d41\u7a0b\uff0c\u975e\u8d28\u91cf\u95ee\u9898\u4e0d\u652f\u6301\u9000\u6362\u3002"},{title:"\u4e8c\u3001\u9690\u79c1\u4fdd\u62a4",content:"\u6211\u4eec\u4e25\u683c\u4fdd\u62a4\u7528\u6237\u4e2a\u4eba\u4fe1\u606f\uff0c\u5934\u50cf\u4e0e\u6635\u79f0\u4ec5\u7528\u4e8e\u63d0\u5347\u670d\u52a1\u4f53\u9a8c\uff0c\u4e0d\u4e0e\u7b2c\u4e09\u65b9\u5206\u4eab\u3002"},{title:"\u4e09\u3001\u552e\u540e\u8bf4\u660e",content:"\u6536\u5230\u5546\u54c1\u540e\u5982\u6709\u8d28\u91cf\u95ee\u9898\uff0c\u8bf7\u57287\u5929\u5185\u8054\u7cfb\u5ba2\u670d\uff0c\u6211\u4eec\u5c06\u4e3a\u60a8\u514d\u8d39\u91cd\u505a\u6216\u9000\u6b3e\u3002"},{title:"\u56db\u3001\u5b9a\u5236\u6d41\u7a0b",content:"1. \u9009\u62e9\u5546\u54c1\u54c1\u7c7b\u5e76\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355\n2. \u5728DIY\u5de5\u4f5c\u53f0\u4e0a\u4f20\u56fe\u7247\u6216\u8f93\u5165\u6587\u5b57\n3. \u786e\u8ba4\u8bbe\u8ba1\u6548\u679c\u5e76\u63d0\u4ea4\u8ba2\u5355\n4. \u652f\u4ed8\u540e\u8fdb\u5165\u751f\u4ea7\uff0c\u7ea63-7\u4e2a\u5de5\u4f5c\u65e5\u53d1\u8d27\n5. \u7269\u6d41\u8ddf\u8e2a\u81f3\u786e\u8ba4\u6536\u8d27"}];return(0,o.jsxs)(s.Ss,{className:"theme-".concat(n),children:[(0,o.jsx)(l.A,{}),(0,o.jsx)(s.Ss,{className:"agreement-page",children:(0,o.jsxs)(s.Ss,{className:"agreement-content",style:{marginTop:"".concat(t.headerPaddingTop,"px")},children:[(0,o.jsx)(s.EY,{className:"agreement-title",children:"\u5b9a\u5236\u534f\u8bae"}),a.map(function(e,n){return(0,o.jsxs)(s.Ss,{className:"agreement-section",children:[(0,o.jsx)(s.EY,{className:"agreement-h3",children:e.title}),(0,o.jsx)(s.EY,{className:"agreement-p",children:e.content})]},n)})]})})]})}var g={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u5b9a\u5236\u534f\u8bae"};Page((0,a.createPageConfig)(m,"pages/agreement/index",{root:{cn:[]}},g||{}))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[907,96,76],function(){return n(6855)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[301],{6855:function(e,n,t){var a=t(7842),s=t(118),c=t(9703),r=t(9201),i=t(5414),l=t(9674),o=t(4848);function m(){var e=(0,c.wR)(),n=(e.theme,e.resolvedTheme),t=(0,r.c)();(0,i.l)(n);var a=[{title:"\u4e00\u3001\u7528\u6237\u6743\u8d23",content:"\u7528\u6237\u786e\u8ba4\u63d0\u4ea4\u7684\u8bbe\u8ba1\u5185\u5bb9\u4e0d\u4fb5\u72af\u7b2c\u4e09\u65b9\u77e5\u8bc6\u4ea7\u6743\uff0c\u5b9a\u5236\u5546\u54c1\u4e00\u7ecf\u786e\u8ba4\u4e0b\u5355\u5373\u8fdb\u5165\u751f\u4ea7\u6d41\u7a0b\uff0c\u975e\u8d28\u91cf\u95ee\u9898\u4e0d\u652f\u6301\u9000\u6362\u3002"},{title:"\u4e8c\u3001\u9690\u79c1\u4fdd\u62a4",content:"\u6211\u4eec\u4e25\u683c\u4fdd\u62a4\u7528\u6237\u4e2a\u4eba\u4fe1\u606f\uff0c\u5934\u50cf\u4e0e\u6635\u79f0\u4ec5\u7528\u4e8e\u63d0\u5347\u670d\u52a1\u4f53\u9a8c\uff0c\u4e0d\u4e0e\u7b2c\u4e09\u65b9\u5206\u4eab\u3002"},{title:"\u4e09\u3001\u552e\u540e\u8bf4\u660e",content:"\u6536\u5230\u5546\u54c1\u540e\u5982\u6709\u8d28\u91cf\u95ee\u9898\uff0c\u8bf7\u57287\u5929\u5185\u8054\u7cfb\u5ba2\u670d\uff0c\u6211\u4eec\u5c06\u4e3a\u60a8\u514d\u8d39\u91cd\u505a\u6216\u9000\u6b3e\u3002"},{title:"\u56db\u3001\u5b9a\u5236\u6d41\u7a0b",content:"1. \u9009\u62e9\u5546\u54c1\u54c1\u7c7b\u5e76\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355\n2. \u5728DIY\u5de5\u4f5c\u53f0\u4e0a\u4f20\u56fe\u7247\u6216\u8f93\u5165\u6587\u5b57\n3. \u786e\u8ba4\u8bbe\u8ba1\u6548\u679c\u5e76\u63d0\u4ea4\u8ba2\u5355\n4. \u652f\u4ed8\u540e\u8fdb\u5165\u751f\u4ea7\uff0c\u7ea63-7\u4e2a\u5de5\u4f5c\u65e5\u53d1\u8d27\n5. \u7269\u6d41\u8ddf\u8e2a\u81f3\u786e\u8ba4\u6536\u8d27"}];return(0,o.jsxs)(s.Ss,{className:"theme-".concat(n),children:[(0,o.jsx)(l.A,{}),(0,o.jsx)(s.Ss,{className:"agreement-page",children:(0,o.jsxs)(s.Ss,{className:"agreement-content",style:{marginTop:"".concat(t.headerPaddingTop,"px")},children:[(0,o.jsx)(s.EY,{className:"agreement-title",children:"\u5b9a\u5236\u534f\u8bae"}),a.map(function(e,n){return(0,o.jsxs)(s.Ss,{className:"agreement-section surface-card",children:[(0,o.jsx)(s.EY,{className:"agreement-h3",children:e.title}),(0,o.jsx)(s.EY,{className:"agreement-p",children:e.content})]},n)})]})})]})}var g={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u5b9a\u5236\u534f\u8bae"};Page((0,a.createPageConfig)(m,"pages/agreement/index",{root:{cn:[]}},g||{}))}},function(e){var n=function(n){return e(e.s=n)};e.O(0,[907,96,76],function(){return n(6855)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/agreement/index.wxss b/dist/pages/agreement/index.wxss index 7beb99c..36567fe 100644 --- a/dist/pages/agreement/index.wxss +++ b/dist/pages/agreement/index.wxss @@ -1 +1 @@ -.agreement-page{padding:0 24rpx 24rpx}.agreement-title{color:var(--text-primary);display:block;font-size:40rpx;font-weight:800;margin-bottom:32rpx;padding-top:24rpx}.agreement-content{line-height:1.8;padding:40rpx 32rpx}.agreement-section{margin-bottom:32rpx}.agreement-h3{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:16rpx}.agreement-p{color:var(--text-secondary);display:block;font-size:28rpx;line-height:1.8} \ No newline at end of file +.agreement-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(24rpx + env(safe-area-inset-bottom))}.agreement-content{line-height:1.8;padding:32rpx 0 48rpx}.agreement-title{color:var(--text-primary);display:block;font-size:44rpx;font-weight:700;letter-spacing:0;line-height:1.2;margin-bottom:32rpx}.agreement-section{display:block;margin-bottom:24rpx;padding:32rpx}.agreement-section:last-child{margin-bottom:0}.agreement-h3{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;line-height:1.3;margin-bottom:16rpx}.agreement-p{color:var(--text-secondary);display:block;font-size:28rpx;line-height:1.8;white-space:pre-line} \ No newline at end of file diff --git a/dist/pages/checkout/index.js b/dist/pages/checkout/index.js index 1bcb976..00abc5b 100644 --- a/dist/pages/checkout/index.js +++ b/dist/pages/checkout/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[341],{9207:function(s,e,a){var c=a(7842),n=a(5544),i=a(118),d=a(758),l=a.n(d),t=a(6540),r=a(8594),o=a(9703),h=a(9201),m=a(5414),u=a(9674),x=a(4848);function j(){var s,e,a,c,d,j,p,g=(0,o.wR)(),N=(g.theme,g.resolvedTheme),v=(0,h.c)();(0,m.l)(N);var f=(0,t.useState)(null),S=(0,n.A)(f,2),k=S[0],E=S[1],Y=(0,t.useState)(null),w=(0,n.A)(Y,2),b=w[0],T=w[1],y=(0,t.useState)(!1),D=(0,n.A)(y,2),P=D[0],A=D[1],R=(0,t.useState)([]),B=(0,n.A)(R,2),I=B[0],C=B[1];(0,t.useEffect)(function(){var s,e=null===(s=l().getCurrentInstance().router)||void 0===s?void 0:s.params,a=null===e||void 0===e?void 0:e.designId;if(a){var c=(0,r.p_)(),n=c.find(function(s){return s.id===a});E(n||null),T((0,r.EB)()),C((0,r.Re)())}},[]);var F=function(){var s;b?l().showModal({title:"\u786e\u8ba4\u4e0b\u5355",content:"\u786e\u8ba4\u540e\u5c06\u4ece\u8bbe\u8ba1\u6e05\u5355\u751f\u6210\u8ba2\u5355\uff0c\u5e76\u5bc4\u9001\u81f3\uff1a\n".concat(null===(s=b.region)||void 0===s?void 0:s.join(" ")," ").concat(b.detail),success:function(s){s.confirm&&((0,r.IU)(k.id),l().showToast({title:"\u4e0b\u5355\u6210\u529f",icon:"success"}),setTimeout(function(){l().switchTab({url:"/pages/index/index"})},1500))}}):l().showToast({title:"\u8bf7\u5148\u6dfb\u52a0\u6536\u8d27\u5730\u5740",icon:"none"})},_=function(s){T(s),A(!1),l().showToast({title:"\u5730\u5740\u5df2\u66f4\u6539",icon:"success"})},J=(null===k||void 0===k||null===(s=k.designData)||void 0===s?void 0:s.stickers)&&k.designData.stickers.length>0,M=null===k||void 0===k||null===(e=k.designData)||void 0===e?void 0:e.imageSrc;if(!k)return(0,x.jsxs)(i.Ss,{className:"theme-".concat(N),children:[(0,x.jsx)(u.A,{}),(0,x.jsx)(i.Ss,{className:"checkout-page",children:(0,x.jsx)(i.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(v.headerPaddingTop,"px")},children:(0,x.jsx)(i.EY,{className:"page-title",children:"\u8bbe\u8ba1\u4e0d\u5b58\u5728"})})})]});var O={width:300,height:420};if(null!==(a=k.designData)&&void 0!==a&&null!==(a=a.category)&&void 0!==a&&a.mask){var V=k.designData.category.mask;O.width=V.width,O.height=V.height,"circle"===V.shape?O.borderRadius="50%":O.borderRadius=V.borderRadius||0}return(0,x.jsxs)(i.Ss,{className:"theme-".concat(N),children:[(0,x.jsx)(u.A,{}),(0,x.jsxs)(i.Ss,{className:"checkout-page",children:[(0,x.jsxs)(i.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(v.headerPaddingTop,"px")},children:[(0,x.jsx)(i.Ss,{className:"star-badge"}),(0,x.jsxs)(i.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,x.jsx)(i.EY,{className:"back-btn",onTap:function(){return l().navigateBack()},children:"\u2190"}),(0,x.jsx)(i.EY,{className:"page-title",children:"\u8bbe\u8ba1\u6548\u679c\u786e\u8ba4"}),(0,x.jsx)(i.Ss,{style:{width:"60px"}})]})]}),(0,x.jsxs)(i.Ss,{className:"checkout-canvas dashed-card mt-20",children:[(0,x.jsx)(i.Ss,{className:"star-badge"}),(0,x.jsx)(i.Ss,{className:"canvas-area",style:O,children:J?k.designData.stickers.map(function(s){return(0,x.jsx)(i._V,{className:"checkout-image",src:s.src,style:{transform:"translate(".concat(s.x,"px, ").concat(s.y,"px) scale(").concat(s.scale||1,")"),width:s.width||200,height:s.height||200},mode:"aspectFit"},s.id)}):M?(0,x.jsx)(i._V,{className:"checkout-image",src:k.designData.imageSrc,style:{transform:"translate(".concat((null===(c=k.designData.imagePos)||void 0===c?void 0:c.x)||0,"px, ").concat((null===(d=k.designData.imagePos)||void 0===d?void 0:d.y)||0,"px) scale(").concat((null===(j=k.designData.imagePos)||void 0===j?void 0:j.scale)||1,")")},mode:"aspectFit"}):null})]}),(0,x.jsxs)(i.Ss,{className:"checkout-info dashed-card mt-20",children:[(0,x.jsx)(i.Ss,{className:"star-badge"}),(0,x.jsxs)(i.Ss,{className:"info-row",children:[(0,x.jsx)(i.EY,{className:"info-label",children:"\u5546\u54c1"}),(0,x.jsx)(i.EY,{className:"info-value",children:k.productName})]}),(0,x.jsxs)(i.Ss,{className:"info-row",children:[(0,x.jsx)(i.EY,{className:"info-label",children:"\u6570\u91cf"}),(0,x.jsxs)(i.EY,{className:"info-value",children:[k.count," \u4ef6"]})]}),(0,x.jsxs)(i.Ss,{className:"info-row",children:[(0,x.jsx)(i.EY,{className:"info-label",children:"\u5355\u4ef7"}),(0,x.jsxs)(i.EY,{className:"info-value",children:["\xa5",k.unitPrice]})]}),(0,x.jsxs)(i.Ss,{className:"info-row total-row",children:[(0,x.jsx)(i.EY,{className:"info-label",children:"\u603b\u4ef7"}),(0,x.jsxs)(i.EY,{className:"info-total",children:["\xa5",(k.unitPrice*k.count).toFixed(2)]})]})]}),(0,x.jsxs)(i.Ss,{className:"checkout-address-card dashed-card mt-20",children:[(0,x.jsx)(i.Ss,{className:"star-badge"}),(0,x.jsxs)(i.Ss,{className:"checkout-address-header",children:[(0,x.jsx)(i.EY,{className:"info-label",children:"\u6536\u8d27\u5730\u5740"}),(0,x.jsx)(i.Ss,{className:"address-change",onTap:function(){return A(!0)},children:(0,x.jsx)(i.EY,{className:"change-text",children:"\u66f4\u6539\u6536\u8d27\u5730\u5740"})})]}),b?(0,x.jsxs)(i.Ss,{className:"checkout-address-body",children:[(0,x.jsxs)(i.Ss,{className:"addr-row",children:[(0,x.jsx)(i.EY,{className:"addr-name",children:b.name}),(0,x.jsx)(i.EY,{className:"addr-phone",children:b.phone})]}),(0,x.jsxs)(i.EY,{className:"addr-detail",children:[null===(p=b.region)||void 0===p?void 0:p.join(" ")," ",b.detail]})]}):(0,x.jsx)(i.Ss,{className:"checkout-address-empty",onTap:function(){return A(!0)},children:(0,x.jsx)(i.EY,{className:"empty-text",children:"\u6682\u65e0\u6536\u8d27\u5730\u5740\uff0c\u70b9\u51fb\u6dfb\u52a0"})})]}),(0,x.jsxs)(i.Ss,{className:"checkout-actions",children:[(0,x.jsx)(i.Ss,{className:"btn-outline",onTap:function(){return l().navigateBack()},children:(0,x.jsx)(i.EY,{children:"\u8fd4\u56de\u4fee\u6539"})}),(0,x.jsx)(i.Ss,{className:"btn-gradient",onTap:F,children:(0,x.jsx)(i.EY,{children:"\u786e\u8ba4\u4e0b\u5355"})})]}),(0,x.jsx)(i.Ss,{style:{height:"40px"}}),P&&(0,x.jsx)(i.Ss,{className:"modal-overlay",style:{alignItems:"flex-end",justifyContent:"flex-end"},children:(0,x.jsxs)(i.Ss,{className:"addr-picker-sheet dashed-card",children:[(0,x.jsxs)(i.Ss,{className:"addr-picker-header",children:[(0,x.jsx)(i.EY,{className:"addr-picker-title",children:"\u9009\u62e9\u6536\u8d27\u5730\u5740"}),(0,x.jsx)(i.EY,{className:"addr-picker-close",onTap:function(){return A(!1)},children:"\u2715"})]}),(0,x.jsxs)(i.Ss,{className:"addr-picker-list",children:[I.map(function(s){var e;return(0,x.jsxs)(i.Ss,{className:"addr-picker-item ".concat((null===b||void 0===b?void 0:b.id)===s.id?"active":""),onTap:function(){return _(s)},children:[(0,x.jsxs)(i.Ss,{className:"addr-picker-row",children:[(0,x.jsx)(i.EY,{className:"addr-picker-name",children:s.name}),(0,x.jsx)(i.EY,{className:"addr-picker-phone",children:s.phone}),s.isDefault&&(0,x.jsx)(i.EY,{className:"addr-picker-default",children:"\u9ed8\u8ba4"})]}),(0,x.jsxs)(i.EY,{className:"addr-picker-detail",children:[null===(e=s.region)||void 0===e?void 0:e.join(" ")," ",s.detail]})]},s.id)}),0===I.length&&(0,x.jsx)(i.Ss,{className:"addr-picker-empty",children:(0,x.jsx)(i.EY,{children:"\u6682\u65e0\u5730\u5740\uff0c\u8bf7\u5148\u6dfb\u52a0\u6536\u8d27\u5730\u5740"})})]}),(0,x.jsx)(i.Ss,{className:"addr-picker-add",onTap:function(){A(!1),l().navigateTo({url:"/pages/address/index"})},children:(0,x.jsx)(i.EY,{className:"addr-picker-add-text",children:"+ \u65b0\u5efa\u6536\u8d27\u5730\u5740"})})]})})]})]})}var p={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u786e\u8ba4\u4e0b\u5355"};Page((0,c.createPageConfig)(j,"pages/checkout/index",{root:{cn:[]}},p||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(9207)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[341],{9207:function(e,s,a){var c=a(7842),n=a(5544),i=a(118),r=a(758),t=a.n(r),d=a(6540),l=a(8594),o=a(9703),h=a(9201),m=a(5414),x=a(9674),u=a(9513),j=a(4848);function g(){var e=(0,o.wR)(),s=(e.theme,e.resolvedTheme),a=(0,h.c)();(0,m.l)(s);var c=(0,d.useState)(null),r=(0,n.A)(c,2),g=r[0],p=r[1],N=(0,d.useState)(null),f=(0,n.A)(N,2),S=f[0],k=f[1],v=(0,d.useState)(!1),E=(0,n.A)(v,2),Y=E[0],w=E[1],T=(0,d.useState)([]),b=(0,n.A)(T,2),y=b[0],D=b[1];(0,d.useEffect)(function(){var e=t().getCurrentInstance().router,s=e?e.params:void 0,a=s?s.designId:void 0;if(a){var c=(0,l.p_)(),n=c.find(function(e){return e.id===a});p(n||null),k((0,l.EB)()),D((0,l.Re)())}},[]);var P=function(){S?t().showModal({title:"\u786e\u8ba4\u4e0b\u5355",content:"\u786e\u8ba4\u540e\u5c06\u4ece\u8bbe\u8ba1\u6e05\u5355\u751f\u6210\u8ba2\u5355\uff0c\u5e76\u5bc4\u9001\u81f3\uff1a\n".concat(I(S.region,S.detail)),success:function(e){e.confirm&&((0,l.IU)(g.id),t().showToast({title:"\u4e0b\u5355\u6210\u529f",icon:"success"}),setTimeout(function(){t().switchTab({url:"/pages/index/index"})},1500))}}):t().showToast({title:"\u8bf7\u5148\u6dfb\u52a0\u6536\u8d27\u5730\u5740",icon:"none"})},A=function(e){k(e),w(!1),t().showToast({title:"\u5730\u5740\u5df2\u66f4\u6539",icon:"success"})},B=g&&g.designData&&g.designData.stickers&&g.designData.stickers.length>0,R=g&&g.designData?g.designData.imageSrc:void 0,I=function(e,s){var a=e?e.join(" "):"";return a?"".concat(a," ").concat(s):s};if(!g)return(0,j.jsxs)(i.Ss,{className:"theme-".concat(s),children:[(0,j.jsx)(x.A,{}),(0,j.jsx)(i.Ss,{className:"checkout-page",children:(0,j.jsx)(i.Ss,{className:"page-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,j.jsxs)(i.Ss,{className:"page-header-inner",children:[(0,j.jsx)(i.Ss,{className:"back-btn",onTap:function(){return t().navigateBack()},children:(0,j.jsx)(i.EY,{className:"back-arrow",children:"\u2190"})}),(0,j.jsx)(i.EY,{className:"nav-title",children:"\u8bbe\u8ba1\u4e0d\u5b58\u5728"}),(0,j.jsx)(i.Ss,{className:"nav-placeholder"})]})})})]});var C={width:300,height:420};if(g.designData&&g.designData.category&&g.designData.category.mask){var F=g.designData.category.mask;C.width=F.width,C.height=F.height,"circle"===F.shape?C.borderRadius="50%":C.borderRadius=F.borderRadius||0}return(0,j.jsxs)(i.Ss,{className:"theme-".concat(s),children:[(0,j.jsx)(x.A,{}),(0,j.jsxs)(i.Ss,{className:"checkout-page",children:[(0,j.jsx)(i.Ss,{className:"page-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,j.jsxs)(i.Ss,{className:"page-header-inner",children:[(0,j.jsx)(i.Ss,{className:"back-btn",onTap:function(){return t().navigateBack()},children:(0,j.jsx)(i.EY,{className:"back-arrow",children:"\u2190"})}),(0,j.jsx)(i.EY,{className:"nav-title",children:"\u8bbe\u8ba1\u6548\u679c\u786e\u8ba4"}),(0,j.jsx)(i.Ss,{className:"nav-placeholder"})]})}),(0,j.jsx)(i.Ss,{className:"checkout-canvas surface-card",children:(0,j.jsx)(i.Ss,{className:"canvas-area",style:C,children:B?g.designData.stickers.map(function(e){return(0,j.jsx)(i._V,{className:"checkout-image",src:e.src,style:{transform:"translate(".concat(e.x,"px, ").concat(e.y,"px) scale(").concat(e.scale||1,")"),width:e.width||200,height:e.height||200},mode:"aspectFit"},e.id)}):R?(0,j.jsx)(i._V,{className:"checkout-image",src:g.designData.imageSrc,style:{transform:"translate(".concat(g.designData.imagePos&&g.designData.imagePos.x||0,"px, ").concat(g.designData.imagePos&&g.designData.imagePos.y||0,"px) scale(").concat(g.designData.imagePos&&g.designData.imagePos.scale||1,")")},mode:"aspectFit"}):null})}),(0,j.jsxs)(i.Ss,{className:"checkout-info surface-card",children:[(0,j.jsx)(i.EY,{className:"card-title",children:"\u786e\u8ba4\u5546\u54c1"}),(0,j.jsxs)(i.Ss,{className:"info-row",children:[(0,j.jsx)(i.EY,{className:"info-label",children:"\u5546\u54c1"}),(0,j.jsx)(i.EY,{className:"info-value",children:g.productName})]}),(0,j.jsxs)(i.Ss,{className:"info-row",children:[(0,j.jsx)(i.EY,{className:"info-label",children:"\u6570\u91cf"}),(0,j.jsxs)(i.EY,{className:"info-value",children:[g.count," \u4ef6"]})]}),(0,j.jsxs)(i.Ss,{className:"info-row",children:[(0,j.jsx)(i.EY,{className:"info-label",children:"\u5355\u4ef7"}),(0,j.jsxs)(i.EY,{className:"info-value",children:["\xa5",g.unitPrice]})]}),(0,j.jsxs)(i.Ss,{className:"info-row total-row",children:[(0,j.jsx)(i.EY,{className:"info-label",children:"\u603b\u4ef7"}),(0,j.jsxs)(i.EY,{className:"info-total",children:["\xa5",(g.unitPrice*g.count).toFixed(2)]})]})]}),(0,j.jsxs)(i.Ss,{className:"checkout-address-card surface-card",children:[(0,j.jsxs)(i.Ss,{className:"checkout-address-header",children:[(0,j.jsx)(i.EY,{className:"card-title",children:"\u6536\u8d27\u5730\u5740"}),(0,j.jsx)(i.Ss,{className:"address-change",onTap:function(){return w(!0)},children:(0,j.jsx)(i.EY,{className:"change-text",children:"\u66f4\u6539\u6536\u8d27\u5730\u5740"})})]}),S?(0,j.jsxs)(i.Ss,{className:"checkout-address-body",children:[(0,j.jsxs)(i.Ss,{className:"addr-row",children:[(0,j.jsx)(i.EY,{className:"addr-name",children:S.name}),(0,j.jsx)(i.EY,{className:"addr-phone",children:S.phone})]}),(0,j.jsx)(i.EY,{className:"addr-detail",children:I(S.region,S.detail)})]}):(0,j.jsx)(i.Ss,{className:"checkout-address-empty",onTap:function(){return w(!0)},children:(0,j.jsx)(i.EY,{className:"empty-text",children:"\u6682\u65e0\u6536\u8d27\u5730\u5740\uff0c\u70b9\u51fb\u6dfb\u52a0"})})]}),(0,j.jsxs)(u.A,{children:[(0,j.jsx)(i.Ss,{className:"btn-secondary",onTap:function(){return t().navigateBack()},children:(0,j.jsx)(i.EY,{children:"\u8fd4\u56de\u4fee\u6539"})}),(0,j.jsx)(i.Ss,{className:"btn-primary",onTap:P,children:(0,j.jsx)(i.EY,{children:"\u786e\u8ba4\u4e0b\u5355"})})]}),(0,j.jsx)(i.Ss,{className:"safe-bottom-placeholder"}),Y&&(0,j.jsx)(i.Ss,{className:"modal-overlay",style:{alignItems:"flex-end",justifyContent:"flex-end"},children:(0,j.jsxs)(i.Ss,{className:"addr-picker-sheet surface-card",children:[(0,j.jsxs)(i.Ss,{className:"addr-picker-header",children:[(0,j.jsx)(i.EY,{className:"addr-picker-title",children:"\u9009\u62e9\u6536\u8d27\u5730\u5740"}),(0,j.jsx)(i.EY,{className:"addr-picker-close",onTap:function(){return w(!1)},children:"\u2715"})]}),(0,j.jsxs)(i.Ss,{className:"addr-picker-list",children:[y.map(function(e){return(0,j.jsxs)(i.Ss,{className:"addr-picker-item ".concat(S&&S.id===e.id?"active":""),onTap:function(){return A(e)},children:[(0,j.jsxs)(i.Ss,{className:"addr-picker-row",children:[(0,j.jsx)(i.EY,{className:"addr-picker-name",children:e.name}),(0,j.jsx)(i.EY,{className:"addr-picker-phone",children:e.phone}),e.isDefault&&(0,j.jsx)(i.EY,{className:"addr-picker-default",children:"\u9ed8\u8ba4"})]}),(0,j.jsx)(i.EY,{className:"addr-picker-detail",children:I(e.region,e.detail)})]},e.id)}),0===y.length&&(0,j.jsx)(i.Ss,{className:"addr-picker-empty",children:(0,j.jsx)(i.EY,{children:"\u6682\u65e0\u5730\u5740\uff0c\u8bf7\u5148\u6dfb\u52a0\u6536\u8d27\u5730\u5740"})})]}),(0,j.jsx)(i.Ss,{className:"addr-picker-add",onTap:function(){w(!1),t().navigateTo({url:"/pages/address/index"})},children:(0,j.jsx)(i.EY,{className:"addr-picker-add-text",children:"+ \u65b0\u5efa\u6536\u8d27\u5730\u5740"})})]})})]})]})}var p={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u786e\u8ba4\u4e0b\u5355"};Page((0,c.createPageConfig)(g,"pages/checkout/index",{root:{cn:[]}},p||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(9207)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/checkout/index.wxss b/dist/pages/checkout/index.wxss index ddadf15..7cca180 100644 --- a/dist/pages/checkout/index.wxss +++ b/dist/pages/checkout/index.wxss @@ -1 +1 @@ -.checkout-page{padding:0 24rpx 24rpx}.back-btn{font-size:40rpx;padding:10rpx}.checkout-canvas{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:40rpx}.canvas-area{background:rgba(0,0,0,.03);border:2rpx dashed var(--line-star);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;overflow:hidden;position:relative}.checkout-image{left:0;max-height:100%;max-width:100%;position:absolute;top:0}.checkout-info{padding:24rpx}.info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20rpx 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:28rpx}.info-value{color:var(--text-primary);font-size:28rpx;font-weight:500}.total-row{margin-top:8rpx;padding-top:24rpx}.info-total{color:var(--accent-pink);font-size:40rpx;font-weight:800}.checkout-address-card{padding:24rpx}.checkout-address-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16rpx}.address-change{background:rgba(91,140,255,.08);border-radius:8rpx;padding:6rpx 16rpx}.change-text{color:var(--accent-blue);font-size:24rpx}.checkout-address-body{padding-top:8rpx}.addr-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-name{color:var(--text-primary);font-size:28rpx;font-weight:700}.addr-phone{color:var(--text-secondary);font-size:26rpx}.addr-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.5}.checkout-address-empty{padding:32rpx 0;text-align:center}.empty-text{color:var(--text-secondary);font-size:26rpx}.addr-picker-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20rpx}.addr-picker-title{color:var(--text-primary);font-size:32rpx;font-weight:700}.addr-picker-close{color:var(--text-secondary);font-size:28rpx;padding:8rpx}.addr-picker-list{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.addr-picker-item{border-bottom:1rpx dashed rgba(0,0,0,.05);padding:20rpx 16rpx}.addr-picker-item.active{background:rgba(91,140,255,.06);border-radius:12rpx}.addr-picker-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-picker-name{color:var(--text-primary);font-size:28rpx;font-weight:700}.addr-picker-phone{color:var(--text-secondary);font-size:26rpx}.addr-picker-default{border:1rpx solid var(--accent-pink);border-radius:6rpx;color:var(--accent-pink);font-size:22rpx;padding:2rpx 8rpx}.addr-picker-detail{color:var(--text-secondary);font-size:26rpx}.addr-picker-empty{color:var(--text-secondary);font-size:28rpx;padding:40rpx;text-align:center}.addr-picker-add{border:2rpx dashed var(--accent-blue);border-radius:12rpx;margin-top:16rpx;padding:20rpx;text-align:center}.addr-picker-add-text{color:var(--accent-blue);font-size:28rpx}.checkout-actions{background:var(--bg-card);border-top:var(--line-card);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;left:0;padding:20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));position:fixed;right:0;z-index:500}.checkout-actions .btn-gradient,.checkout-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center} \ No newline at end of file +.checkout-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx calc(48rpx + env(safe-area-inset-bottom))}.page-header{margin-bottom:24rpx;padding:0}.page-header-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;min-height:88rpx}.back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.nav-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-placeholder{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.checkout-canvas{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:24rpx;padding:32rpx}.canvas-area{background:var(--bg-input);border:1rpx solid var(--border-strong);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;overflow:hidden;position:relative}.checkout-image{left:0;max-height:100%;max-width:100%;position:absolute;top:0}.checkout-address-card,.checkout-info{margin-bottom:24rpx;padding:32rpx}.card-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:24rpx}.info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;padding:24rpx 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-secondary);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:28rpx}.info-value{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:500;text-align:right;word-break:break-all}.total-row{margin-top:8rpx;padding-top:24rpx}.info-total{color:var(--accent-primary);font-size:40rpx;font-variant-numeric:tabular-nums;font-weight:800}.checkout-address-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16rpx}.checkout-address-header .card-title{margin-bottom:0}.address-change{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-secondary-soft);border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:56rpx;padding:0 24rpx}.change-text{color:var(--accent-secondary);font-size:24rpx;font-weight:500}.checkout-address-body{padding-top:8rpx}.addr-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-name{color:var(--text-primary);font-size:32rpx;font-weight:700}.addr-phone{color:var(--text-secondary);font-size:24rpx}.addr-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.checkout-address-empty{padding:32rpx 0;text-align:center}.empty-text{color:var(--text-secondary);font-size:28rpx}.addr-picker-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx}.addr-picker-title{color:var(--text-primary);font-size:36rpx;font-weight:700}.addr-picker-close{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:50%;color:var(--text-secondary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;height:64rpx;-webkit-justify-content:center;justify-content:center;width:64rpx}.addr-picker-list{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.addr-picker-item{border:1rpx solid transparent;border-radius:16rpx;padding:24rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease}.addr-picker-item + .addr-picker-item{margin-top:16rpx}.addr-picker-item.active{background:var(--accent-primary-soft);border-color:var(--accent-primary)}.addr-picker-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-picker-name{color:var(--text-primary);font-size:30rpx;font-weight:700}.addr-picker-phone{color:var(--text-secondary);font-size:24rpx}.addr-picker-default{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-primary-soft);border-radius:999rpx;color:var(--accent-primary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:20rpx;font-weight:600;height:40rpx;padding:0 16rpx}.addr-picker-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.addr-picker-empty{color:var(--text-secondary);font-size:28rpx;padding:48rpx 32rpx;text-align:center}.addr-picker-add{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:96rpx;-webkit-justify-content:center;justify-content:center;margin-top:24rpx}.addr-picker-add-text{color:var(--accent-secondary);font-size:28rpx;font-weight:600}.bottom-action-bar .btn-primary,.bottom-action-bar .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:600;-webkit-justify-content:center;justify-content:center;min-height:96rpx;padding:0} \ No newline at end of file diff --git a/dist/pages/designList/index.js b/dist/pages/designList/index.js index 4516ce7..bcdf7c5 100644 --- a/dist/pages/designList/index.js +++ b/dist/pages/designList/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[319],{3512:function(e,s,n){var a=n(7842),t=n(5544),c=n(118),i=n(758),l=n.n(i),d=n(6540),r=n(8594),o=n(5234),u=n(8199),h=n(9703),g=n(9201),m=n(5414),x=n(7723),b=n(9674),p=n(4848),j=[{code:"all",label:"\u5168\u90e8"},{code:"toDesign",label:"\u5f85\u8bbe\u8ba1"},{code:"undesigned",label:"\u672a\u8bbe\u8ba1"},{code:"designing",label:"\u8bbe\u8ba1\u4e2d"},{code:"ordered",label:"\u5df2\u4e0b\u5355"}],f={undesigned:{label:"\u672a\u8bbe\u8ba1",cls:"badge-pink"},designing:{label:"\u8bbe\u8ba1\u4e2d",cls:"badge-blue"},ordered:{label:"\u5df2\u4e0b\u5355",cls:"badge-green"}};function S(){var e=(0,h.wR)(),s=e.resolvedTheme,n=(0,g.c)();(0,m.l)(s);var a=(0,d.useState)("all"),i=(0,t.A)(a,2),S=i[0],N=i[1],v=(0,d.useState)([]),w=(0,t.A)(v,2),T=w[0],E=w[1],Y=(0,d.useState)(!1),y=(0,t.A)(Y,2),k=y[0],A=y[1],z=(0,d.useState)(new Set),I=(0,t.A)(z,2),P=I[0],B=I[1],C=(0,d.useCallback)(function(){E((0,r.p_)())},[]),L=(0,d.useCallback)(function(){var e=l().getStorageSync("designList:filter");e&&j.some(function(s){return s.code===e})&&(N(e),l().removeStorageSync("designList:filter")),C()},[C]);(0,d.useEffect)(function(){var e=l().getCurrentInstance().page;if(e){var s=e.onShow;e.onShow=function(){L(),s&&s.apply(this)}}L()},[L]);var M="all"===S?T:"toDesign"===S?T.filter(function(e){return"undesigned"===e.status||"designing"===e.status}):T.filter(function(e){return e.status===S}),F=function(e){"ordered"!==e.status?l().navigateTo({url:"/pages/diy/index?source=designList&designId=".concat(e.id)}):l().showToast({title:"\u8be5\u5546\u54c1\u5df2\u4e0b\u5355\uff0c\u8bf7\u67e5\u770b\u8ba2\u5355",icon:"none"})},_=function(e){var s=new Set(P);s.has(e)?s.delete(e):s.add(e),B(s)},q=function(){P.size===M.length?B(new Set):B(new Set(M.map(function(e){return e.id})))},D=function(){0!==P.size&&l().showModal({title:"\u786e\u8ba4\u5220\u9664",content:"\u786e\u5b9a\u5220\u9664\u9009\u4e2d\u7684 ".concat(P.size," \u4e2a\u6761\u76ee\u5417\uff1f"),success:function(e){e.confirm&&((0,r.kh)(Array.from(P)),B(new Set),A(!1),C())}})},J=function(){k?(A(!1),B(new Set)):A(!0)};return(0,p.jsxs)(c.Ss,{className:"theme-".concat(s),children:[(0,p.jsx)(b.A,{}),(0,p.jsx)(x.A,{children:(0,p.jsxs)(c.Ss,{className:"design-page",children:[(0,p.jsx)(c.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(n.headerPaddingTop,"px")},children:(0,p.jsxs)(c.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,p.jsx)(c.EY,{className:"back-btn",onTap:function(){return l().navigateBack()},children:"\u2190"}),(0,p.jsx)(c.EY,{className:"page-title",children:"\u6211\u7684\u8bbe\u8ba1\u6e05\u5355"}),(0,p.jsx)(c.EY,{className:"manage-btn",onTap:J,children:k?"\u5b8c\u6210":"\u7ba1\u7406"})]})}),(0,p.jsx)(c.Ss,{className:"status-tabs",children:(0,p.jsx)(c.BM,{className:"tabs-scroll",scrollX:!0,children:j.map(function(e){return(0,p.jsxs)(c.Ss,{className:"tab-item ".concat(S===e.code?"active":""),onTap:function(){return N(e.code)},children:[(0,p.jsx)(c.EY,{className:"tab-label",children:e.label}),S===e.code&&(0,p.jsx)(c.Ss,{className:"tab-underline"})]},e.code)})})}),k&&(0,p.jsx)(c.Ss,{className:"batch-bar dashed-card",children:(0,p.jsxs)(c.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,p.jsxs)(c.Ss,{className:"batch-select-all",onTap:q,children:[(0,p.jsx)(c.Ss,{className:"batch-checkbox ".concat(P.size===M.length&&M.length>0?"checked":"")}),(0,p.jsxs)(c.EY,{className:"batch-text",children:["\u5168\u9009 (",P.size,"/",M.length,")"]})]}),(0,p.jsx)(c.Ss,{className:"batch-delete ".concat(P.size>0?"active":""),onTap:D,children:(0,p.jsx)(c.EY,{children:"\u5220\u9664"})})]})}),(0,p.jsxs)(c.BM,{className:"design-list",scrollY:!0,children:[M.map(function(e){var s,n=f[e.status],a=null!==(s=e.productIcon)&&void 0!==s&&s.startsWith("/icon/")||/^https?:/i.test(e.productIcon||"")?e.productIcon:o.rj[e.productId]||"/icon/\u56db\u89d2\u661f.svg",t=(0,u.uq)(a),i=P.has(e.id);return(0,p.jsxs)(c.Ss,{className:"design-card dashed-card ".concat(i?"selected":""),onTap:function(){return k?_(e.id):void 0},children:[(0,p.jsxs)(c.Ss,{className:"design-body",children:[k&&(0,p.jsx)(c.Ss,{className:"batch-checkbox ".concat(i?"checked":"")}),(0,p.jsx)(c._V,{className:"design-icon-img",src:t,mode:"aspectFit"}),(0,p.jsxs)(c.Ss,{className:"design-info",children:[(0,p.jsxs)(c.Ss,{className:"design-title-row",children:[(0,p.jsx)(c.EY,{className:"design-name",children:e.productName}),(0,p.jsx)(c.EY,{className:"badge ".concat(n.cls),children:n.label})]}),(0,p.jsxs)(c.EY,{className:"design-meta",children:["\u6570\u91cf: ",e.count," \u4ef6 | \u5355\u4ef7: \xa5",e.unitPrice]}),(0,p.jsxs)(c.EY,{className:"design-total",children:["\u5c0f\u8ba1: \xa5",(e.unitPrice*e.count).toFixed(2)]})]})]}),!k&&(0,p.jsxs)(c.Ss,{className:"design-actions",children:["ordered"!==e.status&&(0,p.jsx)(c.Ss,{className:"btn-gradient design-btn",onTap:function(){return F(e)},children:(0,p.jsx)(c.EY,{children:"undesigned"===e.status?"\u5f00\u59cb\u8bbe\u8ba1":"\u7ee7\u7eed\u8bbe\u8ba1"})}),"ordered"===e.status&&(0,p.jsx)(c.Ss,{className:"btn-outline design-btn",onTap:function(){return l().switchTab({url:"/pages/orders/index"})},children:(0,p.jsx)(c.EY,{children:"\u67e5\u770b\u8ba2\u5355"})})]})]},e.id)}),0===M.length&&(0,p.jsxs)(c.Ss,{className:"empty-state",children:[(0,p.jsx)(c._V,{className:"empty-icon-img",src:(0,u.uq)("/icon/\u8c03\u8272\u76d8.png"),mode:"aspectFit"}),(0,p.jsx)(c.EY,{className:"empty-text",children:"\u8fd8\u6ca1\u6709\u8bbe\u8ba1\u6e05\u5355"}),(0,p.jsx)(c.EY,{className:"empty-sub",children:"\u53bb\u9996\u9875\u901b\u901b\uff0c\u627e\u5230\u559c\u6b22\u7684\u5b9a\u5236\u54c1"}),(0,p.jsx)(c.Ss,{className:"btn-gradient",onTap:function(){return l().switchTab({url:"/pages/index/index"})},children:(0,p.jsx)(c.EY,{children:"\u53bb\u901b\u901b"})})]})]}),(0,p.jsx)(c.Ss,{style:{height:"40px"}})]})})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8bbe\u8ba1\u6e05\u5355"};Page((0,a.createPageConfig)(S,"pages/designList/index",{root:{cn:[]}},N||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(3512)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[319],{3512:function(e,s,n){var a=n(7842),c=n(5544),t=n(118),i=n(758),l=n.n(i),r=n(6540),d=n(8594),o=n(5234),u=n(8199),h=n(9703),g=n(9201),m=n(5414),x=n(7723),p=n(9674),b=n(4848),j=[{code:"all",label:"\u5168\u90e8"},{code:"toDesign",label:"\u5f85\u8bbe\u8ba1"},{code:"undesigned",label:"\u672a\u8bbe\u8ba1"},{code:"designing",label:"\u8bbe\u8ba1\u4e2d"},{code:"ordered",label:"\u5df2\u4e0b\u5355"}],f=j.filter(function(e){return"undesigned"!==e.code}),S={undesigned:{label:"\u672a\u8bbe\u8ba1",cls:"badge-pink"},designing:{label:"\u8bbe\u8ba1\u4e2d",cls:"badge-blue"},ordered:{label:"\u5df2\u4e0b\u5355",cls:"badge-green"}};function N(){var e=(0,h.wR)(),s=e.resolvedTheme,n=(0,g.c)();(0,m.l)(s);var a=(0,r.useState)("all"),i=(0,c.A)(a,2),N=i[0],v=i[1],w=(0,r.useState)([]),T=(0,c.A)(w,2),y=T[0],E=T[1],Y=(0,r.useState)(!1),k=(0,c.A)(Y,2),A=k[0],z=k[1],I=(0,r.useState)(new Set),P=(0,c.A)(I,2),C=P[0],L=P[1],M=(0,r.useCallback)(function(){E((0,d.p_)())},[]),B=(0,r.useCallback)(function(){var e=l().getStorageSync("designList:filter");e&&j.some(function(s){return s.code===e})&&(v(e),l().removeStorageSync("designList:filter")),M()},[M]);(0,r.useEffect)(function(){var e=l().getCurrentInstance().page;if(e){var s=e.onShow;e.onShow=function(){B(),s&&s.apply(this)}}B()},[B]);var F="all"===N?y:"toDesign"===N?y.filter(function(e){return"undesigned"===e.status||"designing"===e.status}):y.filter(function(e){return e.status===N}),_=function(e){"ordered"!==e.status?l().navigateTo({url:"/pages/diy/index?source=designList&designId=".concat(e.id)}):l().showToast({title:"\u8be5\u5546\u54c1\u5df2\u4e0b\u5355\uff0c\u8bf7\u67e5\u770b\u8ba2\u5355",icon:"none"})},q=function(e){var s=new Set(C);s.has(e)?s.delete(e):s.add(e),L(s)},D=function(){C.size===F.length?L(new Set):L(new Set(F.map(function(e){return e.id})))},J=function(){0!==C.size&&l().showModal({title:"\u786e\u8ba4\u5220\u9664",content:"\u786e\u5b9a\u5220\u9664\u9009\u4e2d\u7684 ".concat(C.size," \u4e2a\u6761\u76ee\u5417\uff1f"),success:function(e){e.confirm&&((0,d.kh)(Array.from(C)),L(new Set),z(!1),M())}})},O=function(){A?(z(!1),L(new Set)):z(!0)};return(0,b.jsxs)(t.Ss,{className:"theme-".concat(s),children:[(0,b.jsx)(p.A,{}),(0,b.jsx)(x.A,{children:(0,b.jsxs)(t.Ss,{className:"design-page",children:[(0,b.jsxs)(t.Ss,{className:"page-header design-header",style:{paddingTop:"".concat(n.headerPaddingTop,"px")},children:[(0,b.jsx)(t.Ss,{className:"header-spacer"}),(0,b.jsx)(t.EY,{className:"header-title",children:"\u6211\u7684\u8bbe\u8ba1\u6e05\u5355"}),(0,b.jsx)(t.Ss,{className:"header-manage",onTap:O,children:(0,b.jsx)(t.EY,{children:A?"\u5b8c\u6210":"\u7ba1\u7406"})})]}),(0,b.jsx)(t.Ss,{className:"status-tabs",children:(0,b.jsx)(t.BM,{className:"tabs-scroll",scrollX:!0,children:f.map(function(e){return(0,b.jsx)(t.Ss,{className:"chip ".concat(N===e.code?"active":""),onTap:function(){return v(e.code)},children:(0,b.jsx)(t.EY,{className:"tab-label",children:e.label})},e.code)})})}),A&&(0,b.jsx)(t.Ss,{className:"batch-bar",children:(0,b.jsxs)(t.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,b.jsxs)(t.Ss,{className:"batch-select-all",onTap:D,children:[(0,b.jsx)(t.Ss,{className:"batch-checkbox ".concat(C.size===F.length&&F.length>0?"checked":"")}),(0,b.jsxs)(t.EY,{className:"batch-text",children:["\u5168\u9009 (",C.size,"/",F.length,")"]})]}),(0,b.jsx)(t.Ss,{className:"batch-delete ".concat(C.size>0?"active":""),onTap:J,children:(0,b.jsx)(t.EY,{children:"\u5220\u9664"})})]})}),(0,b.jsxs)(t.BM,{className:"design-list",scrollY:!0,children:[F.map(function(e){var s=S[e.status],n=(e.productIcon||"").startsWith("/icon/")||/^https?:/i.test(e.productIcon||"")?e.productIcon:o.rj[e.productId]||"/icon/\u56db\u89d2\u661f.svg",a=(0,u.uq)(n),c=C.has(e.id);return(0,b.jsxs)(t.Ss,{className:"design-card ".concat(c?"selected":""),onTap:function(){return A?q(e.id):void 0},children:[(0,b.jsxs)(t.Ss,{className:"design-body",children:[A&&(0,b.jsx)(t.Ss,{className:"batch-checkbox ".concat(c?"checked":"")}),(0,b.jsx)(t._V,{className:"design-icon-img",src:a,mode:"aspectFit"}),(0,b.jsxs)(t.Ss,{className:"design-info",children:[(0,b.jsxs)(t.Ss,{className:"design-title-row",children:[(0,b.jsx)(t.EY,{className:"design-name",children:e.productName}),(0,b.jsx)(t.EY,{className:"badge ".concat(s.cls),children:s.label})]}),(0,b.jsxs)(t.EY,{className:"design-meta",children:["\u6570\u91cf: ",e.count," \u4ef6 | \u5355\u4ef7: \xa5",e.unitPrice]}),(0,b.jsxs)(t.EY,{className:"design-total",children:["\u5c0f\u8ba1: \xa5",(e.unitPrice*e.count).toFixed(2)]})]})]}),!A&&(0,b.jsxs)(t.Ss,{className:"design-actions",children:["ordered"!==e.status&&(0,b.jsx)(t.Ss,{className:"btn-primary design-btn",onTap:function(){return _(e)},children:(0,b.jsx)(t.EY,{children:"undesigned"===e.status?"\u5f00\u59cb\u8bbe\u8ba1":"\u7ee7\u7eed\u8bbe\u8ba1"})}),"ordered"===e.status&&(0,b.jsx)(t.Ss,{className:"btn-secondary design-btn",onTap:function(){return l().switchTab({url:"/pages/orders/index"})},children:(0,b.jsx)(t.EY,{children:"\u67e5\u770b\u8ba2\u5355"})})]})]},e.id)}),0===F.length&&(0,b.jsxs)(t.Ss,{className:"empty-state",children:[(0,b.jsx)(t._V,{className:"empty-icon-img",src:(0,u.uq)("/icon/\u8c03\u8272\u76d8.png"),mode:"aspectFit"}),(0,b.jsx)(t.EY,{className:"empty-text",children:"\u8fd8\u6ca1\u6709\u8bbe\u8ba1\u6e05\u5355"}),(0,b.jsx)(t.EY,{className:"empty-sub",children:"\u53bb\u9996\u9875\u901b\u901b\uff0c\u627e\u5230\u559c\u6b22\u7684\u5b9a\u5236\u54c1"}),(0,b.jsx)(t.Ss,{className:"btn-primary",onTap:function(){return l().switchTab({url:"/pages/index/index"})},children:(0,b.jsx)(t.EY,{children:"\u53bb\u901b\u901b"})})]})]})]})})]})}var v={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8bbe\u8ba1\u6e05\u5355"};Page((0,a.createPageConfig)(N,"pages/designList/index",{root:{cn:[]}},v||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(3512)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/designList/index.wxss b/dist/pages/designList/index.wxss index c9b8d22..8e87599 100644 --- a/dist/pages/designList/index.wxss +++ b/dist/pages/designList/index.wxss @@ -1 +1 @@ -.design-page{min-height:100vh;padding:0 24rpx 24rpx}.manage-btn{color:var(--accent-blue);font-size:28rpx;font-weight:500}.status-tabs{background:var(--bg-card);border:var(--line-card);border-radius:16rpx;margin:20rpx 0;padding:8rpx 0}.tabs-scroll{white-space:nowrap}.tab-item{display:inline-block;padding:20rpx 32rpx;position:relative}.tab-label{color:var(--text-secondary);font-size:28rpx;font-weight:500}.tab-item.active .tab-label{color:var(--accent-pink);font-weight:700}.tab-underline{background:var(--accent-pink);border-radius:2rpx;bottom:8rpx;height:4rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:40rpx}.batch-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:16rpx;padding:20rpx 24rpx}.batch-select-all{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx}.batch-checkbox{-ms-flex-negative:0;border:3rpx dashed var(--text-secondary);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:36rpx;-webkit-transition:all .2s;transition:all .2s;width:36rpx}.batch-checkbox.checked{background:var(--accent-pink);border-color:var(--accent-pink)}.batch-text{color:var(--text-primary);font-size:26rpx}.batch-delete{color:var(--text-secondary);font-size:26rpx;padding:10rpx 24rpx}.batch-delete.active{color:#ff4757;font-weight:600}.design-list{padding-bottom:24rpx}.design-card{margin-bottom:20rpx;padding:28rpx;-webkit-transition:all .2s ease;transition:all .2s ease}.design-card.selected{background:rgba(255,154,158,.06);border-color:var(--accent-pink)}.design-body{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx;margin-bottom:20rpx}.design-icon{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;font-size:56rpx}.design-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:56rpx;width:56rpx}.design-info{-webkit-flex:1;-ms-flex:1;flex:1}.design-title-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:12rpx}.design-name{color:var(--text-primary);font-size:32rpx;font-weight:700}.design-meta{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:8rpx}.design-total{color:var(--accent-pink);font-size:26rpx;font-weight:600}.design-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.design-btn{font-size:26rpx;padding:16rpx 40rpx}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:100rpx 40rpx;text-align:center}.empty-icon-img{height:56rpx;margin-bottom:24rpx;width:56rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:26rpx;margin-bottom:32rpx} \ No newline at end of file +.design-page{min-height:100vh;padding:0 32rpx 24rpx}.page-header.design-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:88rpx;padding-bottom:16rpx}.header-spacer{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:88rpx;width:88rpx}.header-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:36rpx;font-weight:700;text-align:center}.header-manage{color:var(--accent-secondary);font-size:28rpx;font-weight:500;text-align:center;width:88rpx}.status-tabs{margin:8rpx 0 24rpx}.tabs-scroll{white-space:nowrap}.chip{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:999rpx;color:var(--text-secondary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:26rpx;font-weight:500;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-right:16rpx;padding:0 32rpx}.chip.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-page);font-weight:600}.chip .tab-label{color:inherit}.batch-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:24rpx;padding:24rpx}.batch-select-all{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.batch-checkbox{-ms-flex-negative:0;border:2rpx solid var(--border-strong);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:40rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease;width:40rpx}.batch-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.batch-text{color:var(--text-primary);font-size:26rpx;margin-left:16rpx}.batch-delete{color:var(--text-secondary);font-size:26rpx;padding:12rpx 24rpx}.batch-delete.active{color:var(--danger);font-weight:600}.design-list{padding-bottom:24rpx}.design-card{background:var(--bg-card);border:1rpx solid transparent;border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);margin-bottom:24rpx;padding:24rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease}.design-card.selected{background:var(--accent-primary-soft);border-color:var(--accent-primary)}.design-body{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.design-icon-img{-ms-flex-negative:0;background:var(--bg-input);border-radius:12rpx;-webkit-flex-shrink:0;flex-shrink:0;height:48rpx;width:48rpx}.design-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.design-title-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:8rpx}.design-name{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-card .badge{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:22rpx;font-weight:600;height:40rpx;-webkit-justify-content:center;justify-content:center;line-height:1;padding:0 16rpx}.design-meta{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:4rpx}.design-total{color:var(--accent-primary);display:block;font-size:24rpx;font-weight:600}.design-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:24rpx}.design-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:26rpx;font-weight:600;height:64rpx;-webkit-justify-content:center;justify-content:center;padding:0 32rpx}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:100rpx 40rpx;text-align:center}.empty-icon-img{height:88rpx;margin-bottom:24rpx;width:88rpx}.empty-text{color:var(--text-primary);font-size:32rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:28rpx;margin-bottom:32rpx}.empty-state .btn-primary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;min-width:320rpx;padding:0 48rpx} \ No newline at end of file diff --git a/dist/pages/diy/index.js b/dist/pages/diy/index.js index 6b50e7f..3b8bc5c 100644 --- a/dist/pages/diy/index.js +++ b/dist/pages/diy/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[95],{8955:function(e,s,a){var n=a(7842),t=a(9379),i=a(436),c=a(5544),r=a(118),l=a(758),d=a.n(l),o=a(6540),u=a(5234),h=a(8594),m=a(9703),p=a(9201),x=a(5414),g=a(9674),v=a(4848);function f(){var e,s=(0,m.wR)(),a=(s.theme,s.resolvedTheme),n=(0,p.c)();(0,x.l)(a);var l=(0,o.useState)(null),f=(0,c.A)(l,2),j=f[0],N=f[1],S=(0,o.useState)(1),y=(0,c.A)(S,2),w=(y[0],y[1],(0,o.useState)("")),b=(0,c.A)(w,2),k=b[0],T=b[1],A=(0,o.useState)(1),E=(0,c.A)(A,2),Y=(E[0],E[1]),I=(0,o.useState)([]),D=(0,c.A)(I,2),O=D[0],P=D[1],_=(0,o.useState)(null),F=(0,c.A)(_,2),M=F[0],R=F[1],z=(0,o.useState)(!1),V=(0,c.A)(z,2),q=V[0],B=V[1],C=(0,o.useState)({x:0,y:0}),G=(0,c.A)(C,2),J=G[0],X=G[1],L=(0,o.useState)(!1),H=(0,c.A)(L,2),K=H[0],Q=H[1],U=(0,o.useState)(!1),W=(0,c.A)(U,2),Z=W[0],$=W[1];(0,o.useEffect)(function(){var e,s=null===(e=d().getCurrentInstance().router)||void 0===e?void 0:e.params,a=null===s||void 0===s?void 0:s.source,n=(null===s||void 0===s?void 0:s.productId)||(null===s||void 0===s?void 0:s.category);if("product"===a&&n){var t=(0,u.y9)(n);if(t){N(t),Y(Number(null===s||void 0===s?void 0:s.quantity)||1);var c={id:"DSG"+Date.now(),productId:t.id,productName:t.name,productIcon:t.icon,unitPrice:t.price,count:Number(null===s||void 0===s?void 0:s.quantity)||1,status:"designing",createdAt:(new Date).toISOString().slice(0,10)},r=(0,h.p_)();(0,h.Fu)([].concat((0,i.A)(r),[c])),T(c.id)}}else if("designList"===a&&null!==s&&void 0!==s&&s.designId){var l=s.designId,o=(0,h.p_)(),m=o.find(function(e){return e.id===l});if(m){var p,x;T(l),Y(m.count);var g=(0,u.y9)(m.productId);if(g&&N(g),null!==(p=m.designData)&&void 0!==p&&p.stickers)P(m.designData.stickers);else if(null!==(x=m.designData)&&void 0!==x&&x.imageSrc){var v,f,j,S={id:"legacy_"+Date.now(),src:m.designData.imageSrc,x:(null===(v=m.designData.imagePos)||void 0===v?void 0:v.x)||0,y:(null===(f=m.designData.imagePos)||void 0===f?void 0:f.y)||0,scale:(null===(j=m.designData.imagePos)||void 0===j?void 0:j.scale)||1,width:200,height:200,isOverlapping:!1};P([S])}}}else if(n){var y=(0,u.y9)(n);if(y){N(y);var w={id:"DSG"+Date.now(),productId:y.id,productName:y.name,productIcon:y.icon,unitPrice:y.price,count:1,status:"designing",createdAt:(new Date).toISOString().slice(0,10)},b=(0,h.p_)();(0,h.Fu)([].concat((0,i.A)(b),[w])),T(w.id)}}},[]);var ee=function(e){for(var s=e.map(function(e){return(0,t.A)((0,t.A)({},e),{},{isOverlapping:!1})}),a=0;ac.x&&i.yc.y&&(s[a].isOverlapping=!0,s[n].isOverlapping=!0)}var u=s.some(function(e){return e.isOverlapping});return $(u),s},se=function(){d().chooseImage({count:1,sizeType:["compressed"],sourceType:["album","camera"],success:function(e){var s=e.tempFilePaths[0];d().getImageInfo({src:s,success:function(e){var a={id:"stk_"+Date.now(),src:s,x:0,y:0,scale:1,width:e.width,height:e.height,isOverlapping:!1},n=[].concat((0,i.A)(O),[a]),t=ee(n);P(t),R(a.id)},fail:function(){var e={id:"stk_"+Date.now(),src:s,x:0,y:0,scale:1,width:200,height:200,isOverlapping:!1},a=[].concat((0,i.A)(O),[e]),n=ee(a);P(n),R(e.id)}})}})},ae=function(e){var s=O.filter(function(s){return s.id!==e}),a=ee(s);P(a),M===e&&R(null)},ne=function(e,s){var a=e.touches[0],n=O.find(function(e){return e.id===s});n&&(R(s),B(!0),X({x:a.clientX-n.x,y:a.clientY-n.y}))},te=function(e){if(q&&M){var s=e.touches[0],a=O.map(function(e){return e.id!==M?e:(0,t.A)((0,t.A)({},e),{},{x:s.clientX-J.x,y:s.clientY-J.y})}),n=ee(a);P(n)}},ie=function(){return B(!1)},ce=function(){M&&k&&d().navigateTo({url:"/pages/diy/stickerEdit/index?designId=".concat(k,"&stickerId=").concat(M)})},re=function(e,s){var a=O.map(function(a){return a.id!==e?a:(0,t.A)((0,t.A)({},a),{},{scale:Math.max(.3,Math.min(3,a.scale+s))})}),n=ee(a);P(n)},le=function(){d().navigateBack()},de=function(){if(!j)return{width:300,height:420};var e={width:j.mask.width,height:j.mask.height};return"rect"===j.mask.shape&&(e.borderRadius=j.mask.borderRadius||0),"circle"===j.mask.shape&&(e.borderRadius="50%"),e},oe=function(){Z?d().showToast({title:"\u8d34\u7eb8\u4e0d\u80fd\u91cd\u53e0",icon:"none"}):(k&&(0,h.i5)(k,{designData:{stickers:O,category:j}}),Q(!1),d().navigateTo({url:"/pages/checkout/index?designId=".concat(k)}))};return j?(0,v.jsxs)(r.Ss,{className:"theme-".concat(a),children:[(0,v.jsx)(g.A,{}),(0,v.jsxs)(r.Ss,{className:"diy-page",children:[(0,v.jsxs)(r.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(n.headerPaddingTop,"px")},children:[(0,v.jsx)(r.Ss,{className:"star-badge"}),(0,v.jsxs)(r.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,v.jsx)(r.EY,{className:"back-btn",onTap:le,children:"\u2190"}),(0,v.jsx)(r.EY,{className:"page-title",children:"\u8bbe\u8ba1\u5de5\u4f5c\u53f0"}),(0,v.jsx)(r.Ss,{style:{width:"60px"}})]})]}),(0,v.jsxs)(r.Ss,{className:"canvas-wrapper dashed-card mt-20",catchMove:!0,children:[(0,v.jsx)(r.Ss,{className:"star-badge"}),(0,v.jsxs)(r.Ss,{className:"canvas-area",style:de(),children:[O.map(function(e){return(0,v.jsx)(r._V,{className:"canvas-image ".concat(e.isOverlapping?"overlap":""," ").concat(M===e.id?"active":""),src:e.src,style:{transform:"translate(".concat(e.x,"px, ").concat(e.y,"px) scale(").concat(e.scale,")"),opacity:q&&M===e.id?.8:1,zIndex:M===e.id?10:5,width:e.width||200,height:e.height||200},onTouchStart:function(s){return ne(s,e.id)},onTouchMove:te,onTouchEnd:ie,onTap:function(){return R(e.id)},mode:"aspectFit"},e.id)}),(0,v.jsx)(r.Ss,{className:"mask-border",style:de()})]})]}),(0,v.jsxs)(r.Ss,{className:"sticker-panel dashed-card mt-20",children:[(0,v.jsx)(r.Ss,{className:"star-badge"}),(0,v.jsx)(r.EY,{className:"section-title",children:"\u8d34\u7eb8"}),(0,v.jsxs)(r.Ss,{className:"sticker-list",children:[O.map(function(e){return(0,v.jsxs)(r.Ss,{className:"sticker-thumb ".concat(e.isOverlapping?"overlap":""," ").concat(M===e.id?"active":""),children:[(0,v.jsx)(r._V,{src:e.src,className:"sticker-thumb-img",mode:"aspectFit",onTap:function(){return R(e.id)}}),(0,v.jsx)(r.Ss,{className:"sticker-del",onTap:function(){return ae(e.id)},children:(0,v.jsx)(r.EY,{className:"del-icon",children:"\xd7"})})]},e.id)}),(0,v.jsxs)(r.Ss,{className:"sticker-add-btn",onTap:se,children:[(0,v.jsx)(r.EY,{className:"add-icon",children:"+"}),(0,v.jsx)(r.EY,{className:"add-label",children:"\u6dfb\u52a0"})]})]}),Z&&(0,v.jsx)(r.EY,{className:"overlap-hint",children:"\u6709\u8d34\u7eb8\u91cd\u53e0\uff0c\u8bf7\u8c03\u6574\u4f4d\u7f6e"})]}),M&&(0,v.jsxs)(r.Ss,{className:"toolbar dashed-card mt-20",children:[(0,v.jsx)(r.Ss,{className:"star-badge"}),(0,v.jsxs)(r.Ss,{className:"tool-row",children:[(0,v.jsx)(r.EY,{className:"tool-label",children:"\u7f29\u653e"}),(0,v.jsxs)(r.Ss,{className:"flex-center",style:{gap:"20px"},children:[(0,v.jsx)(r.Ss,{className:"tool-btn",onTap:function(){return re(M,-.1)},children:"\uff0d"}),(0,v.jsxs)(r.EY,{className:"tool-value",children:[Math.round(100*((null===(e=O.find(function(e){return e.id===M}))||void 0===e?void 0:e.scale)||1)),"%"]}),(0,v.jsx)(r.Ss,{className:"tool-btn",onTap:function(){return re(M,.1)},children:"\uff0b"})]})]}),(0,v.jsxs)(r.Ss,{className:"tool-row",children:[(0,v.jsx)(r.EY,{className:"tool-label",children:"\u63d0\u793a"}),(0,v.jsx)(r.EY,{className:"tool-hint",children:"\u62d6\u52a8\u8c03\u6574\u4f4d\u7f6e\uff0c\u8d34\u7eb8\u4e0d\u53ef\u91cd\u53e0"})]})]}),(0,v.jsx)(r.Ss,{className:"edit-btn-bar mt-20",children:(0,v.jsx)(r.Ss,{className:"edit-btn ".concat(M?"active":"disabled"),onTap:ce,children:(0,v.jsx)(r.EY,{children:"\u7f16\u8f91"})})}),(0,v.jsxs)(r.Ss,{className:"action-btns mt-20",children:[(0,v.jsx)(r.Ss,{className:"btn-gradient",onTap:function(){return Q(!0)},children:(0,v.jsx)(r.EY,{children:"\u9884\u89c8\u6548\u679c"})}),(0,v.jsx)(r.Ss,{className:"btn-outline",onTap:se,children:(0,v.jsx)(r.EY,{children:"\u6dfb\u52a0\u8d34\u7eb8"})})]}),K&&(0,v.jsx)(r.Ss,{className:"preview-overlay",children:(0,v.jsxs)(r.Ss,{className:"preview-card dashed-card",children:[(0,v.jsx)(r.Ss,{className:"star-badge"}),(0,v.jsx)(r.EY,{className:"preview-title",children:"\u786e\u8ba4\u6548\u679c"}),(0,v.jsx)(r.Ss,{className:"preview-canvas",style:de(),children:O.map(function(e){return(0,v.jsx)(r._V,{className:"preview-image ".concat(e.isOverlapping?"overlap":""),src:e.src,style:{transform:"translate(".concat(e.x,"px, ").concat(e.y,"px) scale(").concat(e.scale,")"),width:e.width||200,height:e.height||200},mode:"aspectFit"},e.id)})}),(0,v.jsxs)(r.Ss,{className:"product-info",children:[(0,v.jsx)(r.EY,{className:"product-name",children:j.name}),(0,v.jsxs)(r.EY,{className:"product-size",children:["\u753b\u5e03\u5c3a\u5bf8: ",j.mask.width," \xd7 ",j.mask.height," px"]}),Z&&(0,v.jsx)(r.EY,{className:"overlap-hint",children:"\u8d34\u7eb8\u6709\u91cd\u53e0\uff0c\u4e0d\u53ef\u63d0\u4ea4"})]}),(0,v.jsxs)(r.Ss,{className:"preview-actions",children:[(0,v.jsx)(r.Ss,{className:"btn-outline",onTap:function(){return Q(!1)},children:(0,v.jsx)(r.EY,{children:"\u8fd4\u56de\u4fee\u6539"})}),(0,v.jsx)(r.Ss,{className:"btn-gradient ".concat(Z?"disabled":""),onTap:oe,children:(0,v.jsx)(r.EY,{children:"\u786e\u8ba4\u5b8c\u6210"})})]})]})}),(0,v.jsx)(r.Ss,{style:{height:"40px"}})]})]}):(0,v.jsxs)(r.Ss,{className:"theme-".concat(a),children:[(0,v.jsx)(g.A,{}),(0,v.jsx)(r.Ss,{className:"diy-page",children:(0,v.jsx)(r.EY,{className:"page-title",children:"\u52a0\u8f7d\u4e2d..."})})]})}var j={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"DIY\u5de5\u4f5c\u53f0"};Page((0,n.createPageConfig)(f,"pages/diy/index",{root:{cn:[]}},j||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(8955)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[95],{8955:function(e,s,a){var c=a(7842),n=a(9379),t=a(436),i=a(5544),r=a(118),l=a(758),d=a.n(l),o=a(6540),u=a(5234),h=a(8594),m=a(9703),p=a(9201),x=a(5414),g=a(9674),f=a(9513),v=a(4848);function j(){var e=(0,m.wR)(),s=(e.theme,e.resolvedTheme),a=(0,p.c)();(0,x.l)(s);var c=(0,o.useState)(null),l=(0,i.A)(c,2),j=l[0],N=l[1],S=(0,o.useState)(1),y=(0,i.A)(S,2),w=(y[0],y[1],(0,o.useState)("")),b=(0,i.A)(w,2),k=b[0],A=b[1],T=(0,o.useState)(1),E=(0,i.A)(T,2),Y=(E[0],E[1]),D=(0,o.useState)([]),I=(0,i.A)(D,2),O=I[0],P=I[1],_=(0,o.useState)(null),F=(0,i.A)(_,2),M=F[0],R=F[1],z=(0,o.useState)(!1),V=(0,i.A)(z,2),q=V[0],B=V[1],C=(0,o.useState)({x:0,y:0}),G=(0,i.A)(C,2),J=G[0],X=G[1],L=(0,o.useState)(!1),H=(0,i.A)(L,2),K=H[0],Q=H[1],U=(0,o.useState)(!1),W=(0,i.A)(U,2),Z=W[0],$=W[1];(0,o.useEffect)(function(){var e=d().getCurrentInstance().router,s=e?e.params:void 0,a=s?s.source:void 0,c=s&&s.productId||s&&s.category;if("product"===a&&c){var n=(0,u.y9)(c);if(n){N(n),Y(Number(s?s.quantity:void 0)||1);var i={id:"DSG"+Date.now(),productId:n.id,productName:n.name,productIcon:n.icon,unitPrice:n.price,count:Number(s?s.quantity:void 0)||1,status:"designing",createdAt:(new Date).toISOString().slice(0,10)},r=(0,h.p_)();(0,h.Fu)([].concat((0,t.A)(r),[i])),A(i.id)}}else if("designList"===a&&s&&s.designId){var l=s.designId,o=(0,h.p_)(),m=o.find(function(e){return e.id===l});if(m){A(l),Y(m.count);var p=(0,u.y9)(m.productId);if(p&&N(p),m.designData?m.designData.stickers:void 0)P(m.designData.stickers);else if(m.designData?m.designData.imageSrc:void 0){var x={id:"legacy_"+Date.now(),src:m.designData.imageSrc,x:m.designData.imagePos&&m.designData.imagePos.x||0,y:m.designData.imagePos&&m.designData.imagePos.y||0,scale:m.designData.imagePos&&m.designData.imagePos.scale||1,width:200,height:200,isOverlapping:!1};P([x])}}}else if(c){var g=(0,u.y9)(c);if(g){N(g);var f={id:"DSG"+Date.now(),productId:g.id,productName:g.name,productIcon:g.icon,unitPrice:g.price,count:1,status:"designing",createdAt:(new Date).toISOString().slice(0,10)},v=(0,h.p_)();(0,h.Fu)([].concat((0,t.A)(v),[f])),A(f.id)}}},[]);var ee=function(e){for(var s=e.map(function(e){return(0,n.A)((0,n.A)({},e),{},{isOverlapping:!1})}),a=0;ai.x&&t.yi.y&&(s[a].isOverlapping=!0,s[c].isOverlapping=!0)}var u=s.some(function(e){return e.isOverlapping});return $(u),s},se=function(){d().chooseImage({count:1,sizeType:["compressed"],sourceType:["album","camera"],success:function(e){var s=e.tempFilePaths[0];d().getImageInfo({src:s,success:function(e){var a={id:"stk_"+Date.now(),src:s,x:0,y:0,scale:1,width:e.width,height:e.height,isOverlapping:!1},c=[].concat((0,t.A)(O),[a]),n=ee(c);P(n),R(a.id)},fail:function(){var e={id:"stk_"+Date.now(),src:s,x:0,y:0,scale:1,width:200,height:200,isOverlapping:!1},a=[].concat((0,t.A)(O),[e]),c=ee(a);P(c),R(e.id)}})}})},ae=function(e){var s=O.filter(function(s){return s.id!==e}),a=ee(s);P(a),M===e&&R(null)},ce=function(e,s){var a=e.touches[0],c=O.find(function(e){return e.id===s});c&&(R(s),B(!0),X({x:a.clientX-c.x,y:a.clientY-c.y}))},ne=function(e){if(q&&M){var s=e.touches[0],a=O.map(function(e){return e.id!==M?e:(0,n.A)((0,n.A)({},e),{},{x:s.clientX-J.x,y:s.clientY-J.y})}),c=ee(a);P(c)}},te=function(){return B(!1)},ie=function(){M&&k&&d().navigateTo({url:"/pages/diy/stickerEdit/index?designId=".concat(k,"&stickerId=").concat(M)})},re=function(e,s){var a=O.map(function(a){return a.id!==e?a:(0,n.A)((0,n.A)({},a),{},{scale:Math.max(.3,Math.min(3,a.scale+s))})}),c=ee(a);P(c)},le=function(){d().navigateBack()},de=function(){if(!j)return{width:300,height:420};var e={width:j.mask.width,height:j.mask.height};return"rect"===j.mask.shape&&(e.borderRadius=j.mask.borderRadius||0),"circle"===j.mask.shape&&(e.borderRadius="50%"),e},oe=function(){Z?d().showToast({title:"\u8d34\u7eb8\u4e0d\u80fd\u91cd\u53e0",icon:"none"}):(k&&(0,h.i5)(k,{designData:{stickers:O,category:j}}),Q(!1),d().navigateTo({url:"/pages/checkout/index?designId=".concat(k)}))},ue=M?O.find(function(e){return e.id===M}):void 0,he=ue?ue.scale:1;return j?(0,v.jsxs)(r.Ss,{className:"theme-".concat(s),children:[(0,v.jsx)(g.A,{}),(0,v.jsxs)(r.Ss,{className:"diy-page",children:[(0,v.jsx)(r.Ss,{className:"page-header surface-card mt-20",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,v.jsxs)(r.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,v.jsx)(r.EY,{className:"back-btn",onTap:le,children:"\u2190"}),(0,v.jsx)(r.EY,{className:"page-title",children:"\u8bbe\u8ba1\u5de5\u4f5c\u53f0"}),(0,v.jsx)(r.Ss,{className:"header-spacer"})]})}),(0,v.jsx)(r.Ss,{className:"canvas-wrapper surface-card mt-20",catchMove:!0,children:(0,v.jsxs)(r.Ss,{className:"canvas-area",style:de(),children:[O.map(function(e){return(0,v.jsx)(r._V,{className:"canvas-image ".concat(e.isOverlapping?"overlap":""," ").concat(M===e.id?"active":""),src:e.src,style:{transform:"translate(".concat(e.x,"px, ").concat(e.y,"px) scale(").concat(e.scale,")"),opacity:q&&M===e.id?.8:1,zIndex:M===e.id?10:5,width:e.width||200,height:e.height||200},onTouchStart:function(s){return ce(s,e.id)},onTouchMove:ne,onTouchEnd:te,onTap:function(){return R(e.id)},mode:"aspectFit"},e.id)}),(0,v.jsx)(r.Ss,{className:"mask-border",style:de()})]})}),(0,v.jsxs)(r.Ss,{className:"sticker-panel surface-card mt-20",children:[(0,v.jsx)(r.EY,{className:"section-title",children:"\u8d34\u7eb8"}),(0,v.jsxs)(r.Ss,{className:"sticker-list",children:[O.map(function(e){return(0,v.jsxs)(r.Ss,{className:"sticker-thumb ".concat(e.isOverlapping?"overlap":""," ").concat(M===e.id?"active":""),children:[(0,v.jsx)(r._V,{src:e.src,className:"sticker-thumb-img",mode:"aspectFit",onTap:function(){return R(e.id)}}),(0,v.jsx)(r.Ss,{className:"sticker-del",onTap:function(){return ae(e.id)},children:(0,v.jsx)(r.EY,{className:"del-icon",children:"\xd7"})})]},e.id)}),(0,v.jsxs)(r.Ss,{className:"sticker-add-btn",onTap:se,children:[(0,v.jsx)(r.EY,{className:"add-icon",children:"+"}),(0,v.jsx)(r.EY,{className:"add-label",children:"\u6dfb\u52a0"})]})]}),Z&&(0,v.jsx)(r.EY,{className:"overlap-hint",children:"\u6709\u8d34\u7eb8\u91cd\u53e0\uff0c\u8bf7\u8c03\u6574\u4f4d\u7f6e"})]}),M&&(0,v.jsxs)(r.Ss,{className:"toolbar surface-card mt-20",children:[(0,v.jsxs)(r.Ss,{className:"tool-row",children:[(0,v.jsx)(r.EY,{className:"tool-label",children:"\u7f29\u653e"}),(0,v.jsxs)(r.Ss,{className:"flex-center",style:{gap:"20px"},children:[(0,v.jsx)(r.Ss,{className:"tool-btn",onTap:function(){return re(M,-.1)},children:"\uff0d"}),(0,v.jsxs)(r.EY,{className:"tool-value",children:[Math.round(100*he),"%"]}),(0,v.jsx)(r.Ss,{className:"tool-btn",onTap:function(){return re(M,.1)},children:"\uff0b"})]})]}),(0,v.jsxs)(r.Ss,{className:"tool-row",children:[(0,v.jsx)(r.EY,{className:"tool-label",children:"\u63d0\u793a"}),(0,v.jsx)(r.EY,{className:"tool-hint",children:"\u62d6\u52a8\u8c03\u6574\u4f4d\u7f6e\uff0c\u8d34\u7eb8\u4e0d\u53ef\u91cd\u53e0"})]})]}),(0,v.jsx)(r.Ss,{className:"edit-btn-bar mt-20",children:(0,v.jsx)(r.Ss,{className:"edit-btn ".concat(M?"active":"disabled"),onTap:ie,children:(0,v.jsx)(r.EY,{children:"\u7f16\u8f91"})})}),(0,v.jsxs)(f.A,{children:[(0,v.jsx)(r.Ss,{className:"btn-primary",onTap:function(){return Q(!0)},children:(0,v.jsx)(r.EY,{children:"\u9884\u89c8\u6548\u679c"})}),(0,v.jsx)(r.Ss,{className:"btn-secondary",onTap:se,children:(0,v.jsx)(r.EY,{children:"\u6dfb\u52a0\u8d34\u7eb8"})})]}),K&&(0,v.jsx)(r.Ss,{className:"preview-overlay",children:(0,v.jsxs)(r.Ss,{className:"preview-card surface-card",children:[(0,v.jsx)(r.EY,{className:"preview-title",children:"\u786e\u8ba4\u6548\u679c"}),(0,v.jsx)(r.Ss,{className:"preview-canvas",style:de(),children:O.map(function(e){return(0,v.jsx)(r._V,{className:"preview-image ".concat(e.isOverlapping?"overlap":""),src:e.src,style:{transform:"translate(".concat(e.x,"px, ").concat(e.y,"px) scale(").concat(e.scale,")"),width:e.width||200,height:e.height||200},mode:"aspectFit"},e.id)})}),(0,v.jsxs)(r.Ss,{className:"product-info",children:[(0,v.jsx)(r.EY,{className:"product-name",children:j.name}),(0,v.jsxs)(r.EY,{className:"product-size",children:["\u753b\u5e03\u5c3a\u5bf8: ",j.mask.width," \xd7 ",j.mask.height," px"]}),Z&&(0,v.jsx)(r.EY,{className:"overlap-hint",children:"\u8d34\u7eb8\u6709\u91cd\u53e0\uff0c\u4e0d\u53ef\u63d0\u4ea4"})]}),(0,v.jsxs)(r.Ss,{className:"preview-actions",children:[(0,v.jsx)(r.Ss,{className:"btn-secondary",onTap:function(){return Q(!1)},children:(0,v.jsx)(r.EY,{children:"\u8fd4\u56de\u4fee\u6539"})}),(0,v.jsx)(r.Ss,{className:"btn-primary ".concat(Z?"disabled":""),onTap:oe,children:(0,v.jsx)(r.EY,{children:"\u786e\u8ba4\u5b8c\u6210"})})]})]})}),(0,v.jsx)(r.Ss,{className:"safe-bottom-placeholder"})]})]}):(0,v.jsxs)(r.Ss,{className:"theme-".concat(s),children:[(0,v.jsx)(g.A,{}),(0,v.jsx)(r.Ss,{className:"diy-page",children:(0,v.jsx)(r.EY,{className:"page-title",children:"\u52a0\u8f7d\u4e2d..."})})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"DIY\u5de5\u4f5c\u53f0"};Page((0,c.createPageConfig)(j,"pages/diy/index",{root:{cn:[]}},N||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(8955)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/diy/index.wxss b/dist/pages/diy/index.wxss index 7054272..dbc88ba 100644 --- a/dist/pages/diy/index.wxss +++ b/dist/pages/diy/index.wxss @@ -1 +1 @@ -.diy-page{min-height:100vh;padding:0 24rpx 24rpx}.canvas-wrapper{-ms-flex-pack:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:40rpx}.canvas-area{background:-webkit-linear-gradient(315deg,rgba(255,154,158,.08),rgba(160,196,255,.08));background:linear-gradient(135deg,rgba(255,154,158,.08),rgba(160,196,255,.08));border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:200rpx;min-width:200rpx;overflow:hidden;position:relative}.mask-border{border:3rpx dashed var(--accent-blue);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.canvas-image{border:2rpx solid transparent;max-height:100%;max-width:100%;position:absolute;z-index:5}.canvas-image.active{border-color:var(--accent-pink)}.canvas-image.overlap{border-color:#ff4757;-webkit-box-shadow:0 0 12rpx rgba(255,71,87,.5);box-shadow:0 0 12rpx rgba(255,71,87,.5)}.sticker-panel{padding:28rpx}.sticker-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx}.sticker-thumb{background:var(--bg-input);border:2rpx dashed var(--line-star);border-radius:12rpx;height:120rpx;overflow:hidden;position:relative;width:120rpx}.sticker-thumb.active{border-color:var(--accent-pink);border-width:3rpx}.sticker-thumb.overlap{border-color:#ff4757}.sticker-thumb-img{height:100%;width:100%}.sticker-del{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(255,71,87,.85);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;height:36rpx;-webkit-justify-content:center;justify-content:center;position:absolute;right:4rpx;top:4rpx;width:36rpx;z-index:10}.del-icon{color:#fff;font-size:24rpx;font-weight:700}.sticker-add-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:2rpx dashed var(--line-star);border-radius:12rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:120rpx;-webkit-justify-content:center;justify-content:center;width:120rpx}.add-icon{color:var(--accent-pink);font-size:48rpx;line-height:1}.add-label{color:var(--text-secondary);font-size:22rpx;margin-top:8rpx}.overlap-hint{color:#ff4757;display:block;font-size:26rpx;font-weight:600;margin-top:16rpx;text-align:center}.toolbar{padding:28rpx 32rpx}.tool-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20rpx}.tool-row:last-child{margin-bottom:0}.tool-label{color:var(--text-primary);font-size:28rpx;font-weight:600}.tool-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,rgba(255,154,158,.08),rgba(160,196,255,.08));background:linear-gradient(135deg,rgba(255,154,158,.08),rgba(160,196,255,.08));border:2rpx dashed var(--accent-blue);border-radius:50%;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:32rpx;font-weight:700;height:56rpx;-webkit-justify-content:center;justify-content:center;width:56rpx}.tool-value{color:var(--accent-pink);font-size:28rpx;font-weight:600;min-width:80rpx;text-align:center}.tool-hint{color:var(--text-secondary);font-size:24rpx}.preview-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;padding:40rpx;position:fixed;right:0;top:0;z-index:1000}.preview-card{background:var(--bg-card);max-height:80vh;overflow-y:auto;padding:40rpx;width:100%}.preview-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.preview-canvas{background:-webkit-linear-gradient(315deg,rgba(255,154,158,.08),rgba(160,196,255,.08));background:linear-gradient(135deg,rgba(255,154,158,.08),rgba(160,196,255,.08));border:3rpx dashed var(--accent-blue);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 24rpx;max-width:100%;min-height:200rpx;min-width:200rpx;overflow:hidden;position:relative}.preview-image{max-height:100%;max-width:100%;position:absolute;z-index:5}.preview-image.overlap{border:2rpx solid #ff4757}.product-info{margin-bottom:32rpx;text-align:center}.product-name{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.product-size{color:var(--text-secondary);font-size:24rpx}.preview-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.preview-actions .btn-gradient,.preview-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.preview-actions .btn-gradient.disabled{opacity:.5;pointer-events:none}.edit-btn-bar{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.edit-btn{background:var(--bg-input);border:2rpx dashed var(--text-muted);border-radius:50rpx;color:var(--text-secondary);font-size:28rpx;font-weight:600;padding:16rpx 48rpx;text-align:center;-webkit-transition:all .2s ease;transition:all .2s ease}.edit-btn.active{background:-webkit-linear-gradient(315deg,rgba(255,154,158,.12),rgba(160,196,255,.12));background:linear-gradient(135deg,rgba(255,154,158,.12),rgba(160,196,255,.12));border-color:var(--accent-pink);color:var(--accent-pink)}.edit-btn.disabled{opacity:.5;pointer-events:none}.action-btns{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20rpx}.mt-20{margin-top:20rpx} \ No newline at end of file +.diy-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(48rpx + env(safe-area-inset-bottom))}.diy-page .page-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 0 24rpx;padding-bottom:16rpx;padding-top:0}.diy-page .page-header.surface-card{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.diy-page .page-header .flex-between{min-height:88rpx}.back-btn{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:36rpx;height:80rpx;-webkit-justify-content:center;justify-content:center;line-height:1;width:80rpx}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.diy-page .page-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;letter-spacing:0;line-height:1.2;min-width:0;overflow:hidden;padding:0 16rpx;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-spacer{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:80rpx;width:80rpx}.canvas-wrapper{-ms-flex-pack:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:24rpx}.canvas-area{background:var(--bg-input);border-radius:24rpx;-webkit-box-shadow:inset 0 0 0 1rpx var(--border-strong);box-shadow:inset 0 0 0 1rpx var(--border-strong);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:400rpx;min-width:300rpx;overflow:hidden;position:relative}.mask-border{border:1rpx solid var(--border-strong);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.canvas-image{border:2rpx solid transparent;border-radius:8rpx;max-height:100%;max-width:100%;position:absolute;z-index:5}.canvas-image.active{border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 8rpx var(--accent-primary-soft);box-shadow:0 0 0 8rpx var(--accent-primary-soft)}.canvas-image.overlap{border-color:var(--danger);-webkit-box-shadow:0 0 0 8rpx var(--danger-soft);box-shadow:0 0 0 8rpx var(--danger-soft)}.sticker-panel{padding:24rpx}.sticker-panel .section-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:20rpx}.sticker-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx}.sticker-thumb{background:var(--bg-input);border:1rpx solid var(--border);border-radius:20rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);height:164rpx;overflow:hidden;position:relative;width:164rpx}.sticker-thumb.active{border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 6rpx var(--accent-primary-soft);box-shadow:0 0 0 6rpx var(--accent-primary-soft)}.sticker-thumb.overlap{border-color:var(--danger);-webkit-box-shadow:0 0 0 6rpx var(--danger-soft);box-shadow:0 0 0 6rpx var(--danger-soft)}.sticker-thumb-img{height:100%;width:100%}.sticker-del{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--danger);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;height:44rpx;-webkit-justify-content:center;justify-content:center;position:absolute;right:8rpx;top:8rpx;width:44rpx;z-index:10}.del-icon{color:#fff;font-size:28rpx;font-weight:700;line-height:1}.sticker-add-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border:1rpx solid var(--border-strong);border-radius:20rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:164rpx;-webkit-justify-content:center;justify-content:center;width:164rpx}.sticker-add-btn:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.add-icon{color:var(--accent-primary);font-size:44rpx;font-weight:600;line-height:1}.add-label{color:var(--text-secondary);font-size:22rpx;margin-top:8rpx}.overlap-hint{color:var(--danger);display:block;font-size:24rpx;font-weight:600;margin-top:16rpx;text-align:center}.toolbar{padding:24rpx}.tool-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;padding:8rpx 0}.tool-row + .tool-row{border-top:1rpx solid var(--border);margin-top:8rpx;padding-top:16rpx}.tool-label{color:var(--text-primary);font-size:26rpx;font-weight:600}.tool-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:32rpx;font-weight:600;height:64rpx;-webkit-justify-content:center;justify-content:center;width:64rpx}.tool-btn:active{background:var(--bg-muted);-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.tool-value{color:var(--accent-primary);font-size:26rpx;font-variant-numeric:tabular-nums;font-weight:600;min-width:88rpx;text-align:center}.tool-hint{color:var(--text-secondary);font-size:24rpx}.edit-btn-bar{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:24rpx}.edit-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border-strong);border-radius:999rpx;color:var(--text-secondary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;min-width:176rpx;padding:0 40rpx;text-align:center;-webkit-transition:all .2s ease;transition:all .2s ease}.edit-btn.active{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.edit-btn.disabled{opacity:.45;pointer-events:none}.bottom-action-bar .btn-primary,.bottom-action-bar .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;line-height:1.2;padding:28rpx 0;text-align:center}.preview-overlay{-ms-flex-align:end;-ms-flex-pack:center;-webkit-align-items:flex-end;align-items:flex-end;background:rgba(0,0,0,.45);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:32rpx 32rpx 0 0;-webkit-box-shadow:var(--shadow-elevated);box-shadow:var(--shadow-elevated);-webkit-box-sizing:border-box;box-sizing:border-box;max-height:88vh;overflow-y:auto;padding:40rpx 32rpx calc(32rpx + env(safe-area-inset-bottom));width:100%}.preview-card::before{background:var(--bg-muted);border-radius:999rpx;content:"";display:block;height:8rpx;margin:0 auto 32rpx;width:64rpx}.preview-title{color:var(--text-primary);display:block;font-size:34rpx;font-weight:700;letter-spacing:0;margin-bottom:24rpx;text-align:center}.preview-canvas{background:var(--bg-input);border:1rpx solid var(--border-strong);border-radius:24rpx;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 24rpx;max-width:100%;min-height:400rpx;min-width:300rpx;overflow:hidden;position:relative}.preview-image{max-height:100%;max-width:100%;position:absolute;z-index:5}.preview-image.overlap{border:2rpx solid var(--danger);border-radius:8rpx}.product-info{margin-bottom:28rpx;text-align:center}.product-name{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:8rpx}.product-size{color:var(--text-secondary);font-size:24rpx}.preview-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx}.preview-actions .btn-primary,.preview-actions .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;line-height:1.2;padding:28rpx 0;text-align:center}.preview-actions .btn-primary.disabled{opacity:.5;pointer-events:none}.mt-20{margin-top:24rpx} \ No newline at end of file diff --git a/dist/pages/diy/stickerEdit/index.js b/dist/pages/diy/stickerEdit/index.js index 7b2dea7..212c847 100644 --- a/dist/pages/diy/stickerEdit/index.js +++ b/dist/pages/diy/stickerEdit/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[339],{9519:function(e,s,t){var n=t(7842),i=t(9379),a=t(5544),c=t(118),r=t(758),l=t.n(r),o=t(6540),d=t(8594),u=t(9703),h=t(9201),v=t(5414),f=t(9674),m=t(4848),x=function(e,s,t){return Math.min(Math.max(e,s),t)};function g(){var e=(0,u.wR)(),s=e.resolvedTheme,t=(0,h.c)();(0,v.l)(s);var n=(0,o.useState)(""),r=(0,a.A)(n,2),g=r[0],S=r[1],j=(0,o.useState)(""),w=(0,a.A)(j,2),N=w[0],p=w[1],T=(0,o.useState)(null),k=(0,a.A)(T,2),b=k[0],y=k[1],A=(0,o.useState)(0),E=(0,a.A)(A,2),Y=E[0],M=E[1],C=(0,o.useState)(0),I=(0,a.A)(C,2),R=I[0],P=I[1],q=(0,o.useState)(0),D=(0,a.A)(q,2),F=D[0],Q=D[1],B=(0,o.useState)(!1),J=(0,a.A)(B,2),O=J[0],X=J[1],_=(0,o.useState)(!1),z=(0,a.A)(_,2),H=z[0],G=z[1],K=((0,o.useRef)(null),(0,o.useRef)(null)),L=(0,o.useRef)(null),U=(0,o.useRef)({width:0,height:0}),V=(0,o.useCallback)(function(e){H||l().nextTick(function(){var s=l().createSelectorQuery();s.select("#editCanvas").fields({node:!0,size:!0}).exec(function(s){var t,n,i,a=null===s||void 0===s||null===(t=s[0])||void 0===t?void 0:t.node;if(a){var c=a.getContext("2d"),r=(null===(n=s[0])||void 0===n?void 0:n.width)||300,o=(null===(i=s[0])||void 0===i?void 0:i.height)||400;r<=0&&(r=300),o<=0&&(o=400);var d=l().getSystemInfoSync().pixelRatio||1;a.width=Math.round(r*d),a.height=Math.round(o*d),c.scale(d,d),L.current=a,K.current=c,U.current={width:r,height:o},G(!0),W(c,r,o,e)}else setTimeout(function(){return V(e)},300)})})},[H]);(0,o.useEffect)(function(){var e,s,t=null===(e=l().getCurrentInstance().router)||void 0===e?void 0:e.params,n=null===t||void 0===t?void 0:t.designId,i=null===t||void 0===t?void 0:t.stickerId;S(n),p(i);var a,c,r,o=(0,d.p_)(),u=o.find(function(e){return e.id===n}),h=null===u||void 0===u||null===(s=u.designData)||void 0===s||null===(s=s.stickers)||void 0===s?void 0:s.find(function(e){return e.id===i});h&&(y(h),M((null===(a=h.edits)||void 0===a?void 0:a.brightness)||0),P((null===(c=h.edits)||void 0===c?void 0:c.hue)||0),Q((null===(r=h.edits)||void 0===r?void 0:r.contrast)||0),V(h))},[V]);var W=function(e,s,t,n,i){if(e&&L.current){var a=L.current;if(s&&t){var c=n.width||200,r=n.height||200,o=a.createImage();o.onload=function(){var n,a,l;e.clearRect(0,0,s,t),e.save();var d=.9*Math.min(s/c,t/r,4),u=c*d,h=r*d,v=(s-u)/2,f=(t-h)/2,m=null!==(n=null===i||void 0===i?void 0:i.brightness)&&void 0!==n?n:Y,x=null!==(a=null===i||void 0===i?void 0:i.hue)&&void 0!==a?a:R,g=null!==(l=null===i||void 0===i?void 0:i.contrast)&&void 0!==l?l:F;e.filter=0!==m||0!==x||0!==g?"brightness(".concat(100+m,"%) hue-rotate(").concat(x,"deg) contrast(").concat(100+g,"%)"):"none",e.drawImage(o,v,f,u,h),e.restore()},o.onerror=function(e){console.error("Canvas load image error:",e,n.src),l().showToast({title:"\u56fe\u7247\u52a0\u8f7d\u5931\u8d25",icon:"none"})},n.src&&(o.src=n.src)}}},Z=function(){if(b&&K.current&&L.current){var e=U.current,s=e.width,t=e.height;W(K.current,s,t,b,{brightness:Y,hue:R,contrast:F})}};(0,o.useEffect)(function(){Z()},[Y,R,F]);var $=function(){b&&g&&(X(!0),l().canvasToTempFilePath({canvas:L.current,quality:.92,success:function(e){var s,t=e.tempFilePath,n=(0,d.p_)(),a=n.findIndex(function(e){return e.id===g});if(-1!==a){var c=(null===(s=n[a].designData)||void 0===s?void 0:s.stickers)||[],r=c.findIndex(function(e){return e.id===N});-1!==r?(c[r]=(0,i.A)((0,i.A)({},c[r]),{},{src:t,edits:{brightness:Y,hue:R,contrast:F}}),(0,d.i5)(g,{designData:(0,i.A)((0,i.A)({},n[a].designData),{},{stickers:c})}),l().showToast({title:"\u4fdd\u5b58\u6210\u529f",icon:"success"}),l().navigateBack()):X(!1)}else X(!1)},fail:function(){X(!1),l().showToast({title:"\u4fdd\u5b58\u5931\u8d25",icon:"none"})}}))},ee=function(){b&&(l().cropImage?l().cropImage({src:b.src,cropScale:"1:1",success:function(e){var s=(0,i.A)((0,i.A)({},b),{},{src:e.tempFilePath});y(s),setTimeout(function(){return Z()},200)}}):l().showToast({title:"\u5f53\u524d\u5fae\u4fe1\u7248\u672c\u4e0d\u652f\u6301\u88c1\u526a",icon:"none"}))},se="https://your-api-domain.com",te=function(){b&&(X(!0),l().uploadFile({url:"".concat(se,"/api/sketch"),filePath:b.src,name:"image",success:function(e){try{var s=JSON.parse(e.data);if(!s.url)throw new Error("no url");var t=(0,i.A)((0,i.A)({},b),{},{src:s.url,edits:(0,i.A)((0,i.A)({},b.edits),{},{sketchSrc:s.url})});y(t),setTimeout(function(){return Z()},200),l().showToast({title:"\u7ebf\u7a3f\u751f\u6210\u6210\u529f",icon:"success"})}catch(e){ne()}},fail:function(){ne()}}))},ne=function(){b&&K.current?(l().showToast({title:"\u4f7f\u7528\u672c\u5730\u7ebf\u7a3f",icon:"none"}),M(20),Q(80),P(0),X(!1)):X(!1)},ie="".concat((Y+100)/200*100,"%"),ae="".concat((R+180)/360*100,"%"),ce="".concat((F+100)/200*100,"%");return(0,m.jsxs)(c.Ss,{className:"theme-".concat(s),children:[(0,m.jsx)(f.A,{}),(0,m.jsxs)(c.Ss,{className:"sticker-edit-page",children:[(0,m.jsxs)(c.Ss,{className:"edit-header",style:{paddingTop:"".concat(t.headerPaddingTop,"px")},children:[(0,m.jsx)(c.EY,{className:"edit-back",onTap:function(){return l().navigateBack()},children:"\u2190"}),(0,m.jsx)(c.EY,{className:"edit-title",children:"\u7f16\u8f91\u8d34\u7eb8"}),(0,m.jsx)(c.EY,{className:"edit-save",onTap:$,children:"\u4fdd\u5b58"})]}),(0,m.jsx)(c.Ss,{className:"edit-canvas-wrap",children:(0,m.jsx)(c.Hl,{id:"editCanvas",type:"2d",className:"edit-canvas",style:{width:"100%",height:"400px"}})}),(0,m.jsxs)(c.Ss,{className:"edit-tools dashed-card mt-20",children:[(0,m.jsxs)(c.Ss,{className:"edit-row",children:[(0,m.jsx)(c.EY,{className:"edit-label",children:"\u5feb\u901f\u64cd\u4f5c"}),(0,m.jsxs)(c.Ss,{className:"edit-quick-actions",children:[(0,m.jsx)(c.Ss,{className:"quick-btn",onTap:ee,children:(0,m.jsx)(c.EY,{children:"\u88c1\u526a"})}),(0,m.jsx)(c.Ss,{className:"quick-btn",onTap:te,children:(0,m.jsx)(c.EY,{children:"\u8f6c\u7ebf\u7a3f"})})]})]}),(0,m.jsxs)(c.Ss,{className:"edit-row slider-row",onTouchMove:function(e){var s=e.changedTouches[0].clientX,t=l().createSelectorQuery().in(e.currentTarget);t.select(".slider-track").boundingClientRect(function(e){if(e){var t=x((s-e.left)/e.width,0,1),n=1*Math.round((200*t-100)/1);M(x(n,-100,100))}}).exec()},children:[(0,m.jsx)(c.EY,{className:"edit-label",children:"\u4eae\u5ea6"}),(0,m.jsxs)(c.Ss,{className:"slider-wrap",children:[(0,m.jsxs)(c.Ss,{className:"slider-track",children:[(0,m.jsx)(c.Ss,{className:"slider-fill",style:{width:ie}}),(0,m.jsx)(c.Ss,{className:"slider-thumb",style:{left:ie}})]}),(0,m.jsx)(c.EY,{className:"slider-value",children:Y>0?"+".concat(Y):Y})]})]}),(0,m.jsxs)(c.Ss,{className:"edit-row slider-row",onTouchMove:function(e){var s=e.changedTouches[0].clientX,t=l().createSelectorQuery().in(e.currentTarget);t.select(".slider-track").boundingClientRect(function(e){if(e){var t=x((s-e.left)/e.width,0,1),n=1*Math.round((360*t-180)/1);P(x(n,-180,180))}}).exec()},children:[(0,m.jsx)(c.EY,{className:"edit-label",children:"\u8272\u76f8"}),(0,m.jsxs)(c.Ss,{className:"slider-wrap",children:[(0,m.jsxs)(c.Ss,{className:"slider-track",children:[(0,m.jsx)(c.Ss,{className:"slider-fill",style:{width:ae}}),(0,m.jsx)(c.Ss,{className:"slider-thumb",style:{left:ae}})]}),(0,m.jsx)(c.EY,{className:"slider-value",children:R>0?"+".concat(R):R})]})]}),(0,m.jsxs)(c.Ss,{className:"edit-row slider-row",onTouchMove:function(e){var s=e.changedTouches[0].clientX,t=l().createSelectorQuery().in(e.currentTarget);t.select(".slider-track").boundingClientRect(function(e){if(e){var t=x((s-e.left)/e.width,0,1),n=1*Math.round((200*t-100)/1);Q(x(n,-100,100))}}).exec()},children:[(0,m.jsx)(c.EY,{className:"edit-label",children:"\u5bf9\u6bd4\u5ea6"}),(0,m.jsxs)(c.Ss,{className:"slider-wrap",children:[(0,m.jsxs)(c.Ss,{className:"slider-track",children:[(0,m.jsx)(c.Ss,{className:"slider-fill",style:{width:ce}}),(0,m.jsx)(c.Ss,{className:"slider-thumb",style:{left:ce}})]}),(0,m.jsx)(c.EY,{className:"slider-value",children:F>0?"+".concat(F):F})]})]})]}),(0,m.jsx)(c.Ss,{style:{flex:1}}),O&&(0,m.jsx)(c.Ss,{className:"edit-loading",children:(0,m.jsx)(c.EY,{className:"edit-loading-text",children:"\u5904\u7406\u4e2d\u2026"})})]})]})}var S={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u7f16\u8f91\u8d34\u7eb8"};Page((0,n.createPageConfig)(g,"pages/diy/stickerEdit/index",{root:{cn:[]}},S||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(9519)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[339],{9519:function(e,s,t){var a=t(7842),n=t(9379),c=t(5544),i=t(118),r=t(758),l=t.n(r),o=t(6540),d=t(8594),u=t(9703),h=t(9201),f=t(5414),m=t(9674),x=t(9513),g=t(4848),v=function(e,s,t){return Math.min(Math.max(e,s),t)};function j(){var e=(0,u.wR)(),s=e.resolvedTheme,t=(0,h.c)();(0,f.l)(s);var a=(0,o.useState)(""),r=(0,c.A)(a,2),j=r[0],S=r[1],N=(0,o.useState)(""),p=(0,c.A)(N,2),w=p[0],T=p[1],k=(0,o.useState)(null),b=(0,c.A)(k,2),y=b[0],A=b[1],E=(0,o.useState)(0),Y=(0,c.A)(E,2),M=Y[0],C=Y[1],I=(0,o.useState)(0),R=(0,c.A)(I,2),P=R[0],D=R[1],q=(0,o.useState)(0),B=(0,c.A)(q,2),F=B[0],Q=B[1],J=(0,o.useState)(!1),O=(0,c.A)(J,2),X=O[0],_=O[1],z=(0,o.useState)(!1),H=(0,c.A)(z,2),G=H[0],K=H[1],L=((0,o.useRef)(null),(0,o.useRef)(null)),U=(0,o.useRef)(null),V=(0,o.useRef)({width:0,height:0}),W=(0,o.useCallback)(function(e){G||l().nextTick(function(){var s=l().createSelectorQuery();s.select("#editCanvas").fields({node:!0,size:!0}).exec(function(s){var t=s&&s[0],a=t?t.node:void 0;if(a){var n=a.getContext("2d"),c=s[0]&&s[0].width||300,i=s[0]&&s[0].height||400;c<=0&&(c=300),i<=0&&(i=400);var r=l().getSystemInfoSync().pixelRatio||1;a.width=Math.round(c*r),a.height=Math.round(i*r),n.scale(r,r),U.current=a,L.current=n,V.current={width:c,height:i},K(!0),Z(n,c,i,e)}else setTimeout(function(){return W(e)},300)})})},[G]);(0,o.useEffect)(function(){var e=l().getCurrentInstance().router,s=e?e.params:void 0,t=s?s.designId:"",a=s?s.stickerId:"";S(t),T(a);var n=(0,d.p_)(),c=n.find(function(e){return e.id===t}),i=c&&c.designData&&c.designData.stickers?c.designData.stickers.find(function(e){return e.id===a}):void 0;i&&(A(i),C(i.edits&&i.edits.brightness||0),D(i.edits&&i.edits.hue||0),Q(i.edits&&i.edits.contrast||0),W(i))},[W]);var Z=function(e,s,t,a,n){if(e&&U.current){var c=U.current;if(s&&t){var i=a.width||200,r=a.height||200,o=c.createImage();o.onload=function(){e.clearRect(0,0,s,t),e.save();var a=.9*Math.min(s/i,t/r,4),c=i*a,l=r*a,d=(s-c)/2,u=(t-l)/2,h=n?n.brightness:M,f=n?n.hue:P,m=n?n.contrast:F;e.filter=0!==h||0!==f||0!==m?"brightness(".concat(100+h,"%) hue-rotate(").concat(f,"deg) contrast(").concat(100+m,"%)"):"none",e.drawImage(o,d,u,c,l),e.restore()},o.onerror=function(e){console.error("Canvas load image error:",e,a.src),l().showToast({title:"\u56fe\u7247\u52a0\u8f7d\u5931\u8d25",icon:"none"})},a.src&&(o.src=a.src)}}},$=function(){if(y&&L.current&&U.current){var e=V.current,s=e.width,t=e.height;Z(L.current,s,t,y,{brightness:M,hue:P,contrast:F})}};(0,o.useEffect)(function(){$()},[M,P,F]);var ee=function(){y&&j&&(_(!0),l().canvasToTempFilePath({canvas:U.current,quality:.92,success:function(e){var s=e.tempFilePath,t=(0,d.p_)(),a=t.findIndex(function(e){return e.id===j});if(-1!==a){var c=t[a].designData&&t[a].designData.stickers||[],i=c.findIndex(function(e){return e.id===w});-1!==i?(c[i]=(0,n.A)((0,n.A)({},c[i]),{},{src:s,edits:{brightness:M,hue:P,contrast:F}}),(0,d.i5)(j,{designData:(0,n.A)((0,n.A)({},t[a].designData),{},{stickers:c})}),l().showToast({title:"\u4fdd\u5b58\u6210\u529f",icon:"success"}),l().navigateBack()):_(!1)}else _(!1)},fail:function(){_(!1),l().showToast({title:"\u4fdd\u5b58\u5931\u8d25",icon:"none"})}}))},se=function(){y&&(l().cropImage?l().cropImage({src:y.src,cropScale:"1:1",success:function(e){var s=(0,n.A)((0,n.A)({},y),{},{src:e.tempFilePath});A(s),setTimeout(function(){return $()},200)}}):l().showToast({title:"\u5f53\u524d\u5fae\u4fe1\u7248\u672c\u4e0d\u652f\u6301\u88c1\u526a",icon:"none"}))},te="https://your-api-domain.com",ae=function(){y&&(_(!0),l().uploadFile({url:"".concat(te,"/api/sketch"),filePath:y.src,name:"image",success:function(e){try{var s=JSON.parse(e.data);if(!s.url)throw new Error("no url");var t=(0,n.A)((0,n.A)({},y),{},{src:s.url,edits:(0,n.A)((0,n.A)({},y.edits),{},{sketchSrc:s.url})});A(t),setTimeout(function(){return $()},200),l().showToast({title:"\u7ebf\u7a3f\u751f\u6210\u6210\u529f",icon:"success"})}catch(e){ne()}},fail:function(){ne()}}))},ne=function(){y&&L.current?(l().showToast({title:"\u4f7f\u7528\u672c\u5730\u7ebf\u7a3f",icon:"none"}),C(20),Q(80),D(0),_(!1)):_(!1)},ce="".concat((M+100)/200*100,"%"),ie="".concat((P+180)/360*100,"%"),re="".concat((F+100)/200*100,"%");return(0,g.jsxs)(i.Ss,{className:"theme-".concat(s),children:[(0,g.jsx)(m.A,{}),(0,g.jsxs)(i.Ss,{className:"sticker-edit-page",children:[(0,g.jsxs)(i.Ss,{className:"edit-header",style:{paddingTop:"".concat(t.headerPaddingTop,"px")},children:[(0,g.jsx)(i.EY,{className:"edit-back",onTap:function(){return l().navigateBack()},children:"\u2190"}),(0,g.jsx)(i.EY,{className:"edit-title",children:"\u7f16\u8f91\u8d34\u7eb8"}),(0,g.jsx)(i.EY,{className:"edit-save",onTap:ee,children:"\u4fdd\u5b58"})]}),(0,g.jsx)(i.Ss,{className:"edit-canvas-wrap",children:(0,g.jsx)(i.Hl,{id:"editCanvas",type:"2d",className:"edit-canvas",style:{width:"100%",height:"480rpx"}})}),(0,g.jsxs)(i.Ss,{className:"edit-tools surface-card mt-20",children:[(0,g.jsxs)(i.Ss,{className:"edit-row",children:[(0,g.jsx)(i.EY,{className:"edit-label",children:"\u5feb\u901f\u64cd\u4f5c"}),(0,g.jsxs)(i.Ss,{className:"edit-quick-actions",children:[(0,g.jsx)(i.Ss,{className:"quick-btn",onTap:se,children:(0,g.jsx)(i.EY,{children:"\u88c1\u526a"})}),(0,g.jsx)(i.Ss,{className:"quick-btn",onTap:ae,children:(0,g.jsx)(i.EY,{children:"\u8f6c\u7ebf\u7a3f"})})]})]}),(0,g.jsxs)(i.Ss,{className:"edit-row slider-row",onTouchMove:function(e){var s=e.changedTouches[0].clientX,t=l().createSelectorQuery().in(e.currentTarget);t.select(".slider-track").boundingClientRect(function(e){if(e){var t=v((s-e.left)/e.width,0,1),a=1*Math.round((200*t-100)/1);C(v(a,-100,100))}}).exec()},children:[(0,g.jsx)(i.EY,{className:"edit-label",children:"\u4eae\u5ea6"}),(0,g.jsxs)(i.Ss,{className:"slider-wrap",children:[(0,g.jsxs)(i.Ss,{className:"slider-track",children:[(0,g.jsx)(i.Ss,{className:"slider-fill",style:{width:ce}}),(0,g.jsx)(i.Ss,{className:"slider-thumb",style:{left:ce}})]}),(0,g.jsx)(i.EY,{className:"slider-value",children:M>0?"+".concat(M):M})]})]}),(0,g.jsxs)(i.Ss,{className:"edit-row slider-row",onTouchMove:function(e){var s=e.changedTouches[0].clientX,t=l().createSelectorQuery().in(e.currentTarget);t.select(".slider-track").boundingClientRect(function(e){if(e){var t=v((s-e.left)/e.width,0,1),a=1*Math.round((360*t-180)/1);D(v(a,-180,180))}}).exec()},children:[(0,g.jsx)(i.EY,{className:"edit-label",children:"\u8272\u76f8"}),(0,g.jsxs)(i.Ss,{className:"slider-wrap",children:[(0,g.jsxs)(i.Ss,{className:"slider-track",children:[(0,g.jsx)(i.Ss,{className:"slider-fill",style:{width:ie}}),(0,g.jsx)(i.Ss,{className:"slider-thumb",style:{left:ie}})]}),(0,g.jsx)(i.EY,{className:"slider-value",children:P>0?"+".concat(P):P})]})]}),(0,g.jsxs)(i.Ss,{className:"edit-row slider-row",onTouchMove:function(e){var s=e.changedTouches[0].clientX,t=l().createSelectorQuery().in(e.currentTarget);t.select(".slider-track").boundingClientRect(function(e){if(e){var t=v((s-e.left)/e.width,0,1),a=1*Math.round((200*t-100)/1);Q(v(a,-100,100))}}).exec()},children:[(0,g.jsx)(i.EY,{className:"edit-label",children:"\u5bf9\u6bd4\u5ea6"}),(0,g.jsxs)(i.Ss,{className:"slider-wrap",children:[(0,g.jsxs)(i.Ss,{className:"slider-track",children:[(0,g.jsx)(i.Ss,{className:"slider-fill",style:{width:re}}),(0,g.jsx)(i.Ss,{className:"slider-thumb",style:{left:re}})]}),(0,g.jsx)(i.EY,{className:"slider-value",children:F>0?"+".concat(F):F})]})]})]}),(0,g.jsx)(i.Ss,{style:{flex:1}}),(0,g.jsxs)(x.A,{className:"edit-footer",children:[(0,g.jsx)(i.Ss,{className:"btn-secondary",onTap:function(){return l().navigateBack()},children:(0,g.jsx)(i.EY,{children:"\u53d6\u6d88"})}),(0,g.jsx)(i.Ss,{className:"btn-primary",onTap:ee,children:(0,g.jsx)(i.EY,{children:"\u4fdd\u5b58"})})]}),(0,g.jsx)(i.Ss,{className:"safe-bottom-placeholder"}),X&&(0,g.jsx)(i.Ss,{className:"edit-loading",children:(0,g.jsx)(i.EY,{className:"edit-loading-text",children:"\u5904\u7406\u4e2d\u2026"})})]})]})}var S={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u7f16\u8f91\u8d34\u7eb8"};Page((0,a.createPageConfig)(j,"pages/diy/stickerEdit/index",{root:{cn:[]}},S||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(9519)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/diy/stickerEdit/index.wxss b/dist/pages/diy/stickerEdit/index.wxss index 56383cb..3672aa1 100644 --- a/dist/pages/diy/stickerEdit/index.wxss +++ b/dist/pages/diy/stickerEdit/index.wxss @@ -1 +1 @@ -.sticker-edit-page{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;padding:0 24rpx 24rpx}.edit-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:calc(env(safe-area-inset-top, 0rpx) + 24rpx) 0 24rpx}.edit-back{color:var(--text-primary);font-size:36rpx;width:60rpx}.edit-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;text-align:center}.edit-save{color:var(--accent-pink);font-size:28rpx;font-weight:600;text-align:right;width:60rpx}.edit-canvas-wrap{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;min-height:400rpx;padding:20rpx 0}.edit-canvas{background:var(--bg-input);border-radius:16rpx;height:500rpx;width:100%}.edit-tools{padding:32rpx}.edit-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.edit-row:last-child{margin-bottom:0}.edit-label{-ms-flex-negative:0;color:var(--text-primary);-webkit-flex-shrink:0;flex-shrink:0;font-size:28rpx;font-weight:500;width:120rpx}.slider-wrap{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:16rpx}.slider-track{background:var(--bg-input);border-radius:4rpx;-webkit-flex:1;-ms-flex:1;flex:1;height:8rpx;position:relative}.slider-fill{background:-webkit-gradient(linear,left top,right top,from(#ff9a9e),to(#fecfef));background:-webkit-linear-gradient(left,#ff9a9e,#fecfef);background:linear-gradient(90deg,#ff9a9e,#fecfef);border-radius:4rpx;height:100%;left:0;position:absolute;top:0}.slider-thumb{background:#fff;border:4rpx solid var(--accent-pink);border-radius:50%;-webkit-box-shadow:0 2rpx 8rpx rgba(0,0,0,.15);box-shadow:0 2rpx 8rpx rgba(0,0,0,.15);height:32rpx;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32rpx}.slider-value{color:var(--text-secondary);font-size:24rpx;min-width:60rpx;text-align:right}.edit-quick-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx}.quick-btn{background:var(--bg-input);border:2rpx dashed var(--line-star);border-radius:40rpx;color:var(--text-primary);font-size:24rpx;font-weight:500;padding:16rpx 28rpx;-webkit-transition:all .2s;transition:all .2s}.quick-btn:active{opacity:.8;-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.quick-btn.active{background:rgba(255,154,158,.12);border-color:var(--accent-pink);color:var(--accent-pink)}.edit-footer{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx;padding:20rpx 0 calc(20rpx + env(safe-area-inset-bottom))}.edit-footer .btn-gradient,.edit-footer .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;padding:24rpx 0;text-align:center}.edit-loading{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.4);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-loading-text{color:#fff;font-size:28rpx;margin-top:20rpx} \ No newline at end of file +.sticker-edit-page{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh;padding:0 32rpx calc(48rpx + env(safe-area-inset-bottom))}.edit-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:24rpx}.edit-back{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:36rpx;height:80rpx;-webkit-justify-content:center;justify-content:center;line-height:1;width:80rpx}.edit-back:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.edit-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;letter-spacing:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.edit-save{-ms-flex-align:center;-ms-flex-pack:end;-webkit-align-items:center;align-items:center;color:var(--accent-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:26rpx;font-weight:600;-webkit-justify-content:flex-end;justify-content:flex-end;min-width:80rpx}.edit-save:active{opacity:.85}.edit-canvas-wrap{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;min-height:480rpx;padding:8rpx 0 24rpx}.edit-canvas{background:var(--bg-input);border:1rpx solid var(--border-strong);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);height:480rpx;width:100%}.edit-tools{padding:24rpx}.edit-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx}.edit-row:last-child{margin-bottom:0}.edit-label{-ms-flex-negative:0;color:var(--text-primary);-webkit-flex-shrink:0;flex-shrink:0;font-size:26rpx;font-weight:600;width:96rpx}.edit-quick-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx}.quick-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:999rpx;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24rpx;font-weight:500;height:64rpx;-webkit-justify-content:center;justify-content:center;padding:0 28rpx;-webkit-transition:all .2s ease;transition:all .2s ease}.quick-btn:active{opacity:.85;-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.quick-btn.active{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:var(--accent-primary)}.slider-wrap{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:12rpx;min-width:0}.slider-track{background:var(--bg-input);border:1rpx solid var(--border);border-radius:999rpx;-webkit-flex:1;-ms-flex:1;flex:1;height:8rpx;min-width:0;position:relative}.slider-fill{background:-webkit-gradient(linear,left top,right top,from(var(--accent-primary)),to(var(--accent-primary-soft)));background:-webkit-linear-gradient(left,var(--accent-primary),var(--accent-primary-soft));background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-soft));border-radius:999rpx;height:100%;left:0;position:absolute;top:0}.slider-thumb{background:var(--bg-card);border:4rpx solid var(--accent-primary);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);height:32rpx;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32rpx}.slider-thumb.dragging{-webkit-transform:translate(-50%,-50%) scale(1.12);-ms-transform:translate(-50%,-50%) scale(1.12);transform:translate(-50%,-50%) scale(1.12)}.slider-value{color:var(--text-secondary);font-size:22rpx;font-variant-numeric:tabular-nums;min-width:80rpx;text-align:right}.edit-footer .btn-primary,.edit-footer .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;line-height:1.2;padding:28rpx 0;text-align:center}.edit-loading{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.45);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-loading-text{color:#fff;font-size:28rpx;margin-top:20rpx}.mt-20{margin-top:24rpx} \ No newline at end of file diff --git a/dist/pages/index/index.js b/dist/pages/index/index.js index de7d10b..f8b4af8 100644 --- a/dist/pages/index/index.js +++ b/dist/pages/index/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[421],{7265:function(e,s,a){var c=a(7842),i=a(5544),t=a(118),r=a(758),l=a.n(r),n=a(6540),o=a(5234),m=a(8199),d=a(9703),h=a(9201),g=a(5414),p=a(9674),x=a(4848),u=[{title:"\u6bd5\u4e1a\u7eaa\u5ff5\u7b14\u8bb0\u672c",desc:"\u5168\u73ed\u540d\u5b57\u7ec4\u6210\u6821\u5fbd",image:(0,m.uq)("/img/book_small/The1.jpg")},{title:"\u94dc\u8d28\u676f\u57ab",desc:"\u91d1\u5c5e\u8d28\u611f\u684c\u9762\u827a\u672f",image:(0,m.uq)("/img/cup/The1.jpg")},{title:"\u7af9\u5236\u7b14\u76d2",desc:"\u81ea\u7136\u7af9\u7eb9\u6587\u623f\u96c5\u5668",image:(0,m.uq)("/img/penbox/The1.jpg")},{title:"\u4e66\u672c\u578b\u706f",desc:"\u6e29\u6696\u5149\u5f71\u70b9\u4eae\u5fc3\u610f",image:(0,m.uq)("/img/booklight/The1.jpg")},{title:"\u60c5\u4fa3\u5b9a\u5236\u793c",desc:"\u4e24\u4e2a\u4eba\u7684\u540d\u5b57\u4ea4\u7ec7",image:(0,m.uq)("/img/book_big/The1.jpg")},{title:"\u4f01\u4e1a\u5e74\u4f1a\u793c",desc:"\u5458\u5de5\u540d\u5b57\u7ec4\u6210Logo",image:(0,m.uq)("/img/penbox/The2.jpg")}],j={"notebook-small":(0,m.uq)("/img/book_small/The1.jpg"),"notebook-large":(0,m.uq)("/img/book_big/The1.jpg"),coaster:(0,m.uq)("/img/cup/The1.jpg"),penbox:(0,m.uq)("/img/penbox/The1.jpg"),booklamp:(0,m.uq)("/img/booklight/The1.jpg")};function N(){var e=(0,d.wR)(),s=(e.theme,e.resolvedTheme),a=(0,h.c)();(0,g.l)(s);var c=(0,n.useState)(""),r=(0,i.A)(c,2),N=r[0],b=r[1],S=function(e){l().navigateTo({url:"/pages/product/index?id=".concat(e)})},w=N.trim()?o.R6.filter(function(e){return e.name.includes(N)||e.desc.includes(N)}):o.R6,T=function(e){b(e.detail.value)};return(0,x.jsxs)(t.Ss,{className:"theme-".concat(s),children:[(0,x.jsx)(p.A,{}),(0,x.jsxs)(t.Ss,{className:"index-page",children:[(0,x.jsx)(t.Ss,{className:"header-bar",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,x.jsx)(t.EY,{className:"header-title",children:"\u667a\u7ed8\u5fae\u523b"})}),(0,x.jsxs)(t.Ss,{className:"search-card dashed-card",children:[(0,x.jsx)(t.Ss,{className:"star-badge"}),(0,x.jsxs)(t.Ss,{className:"search-inner",children:[(0,x.jsx)(t._V,{className:"search-icon-img",src:(0,m.uq)("/icon/\u641c\u7d22.svg"),mode:"aspectFit"}),(0,x.jsx)(t.pd,{className:"search-input",type:"text",placeholder:"\u641c\u7d22\u5b9a\u5236\u54c1\u7c7b\uff1a\u7b14\u8bb0\u672c\u3001\u676f\u57ab\u3001\u4e66\u706f...",value:N,onInput:T,confirmType:"search"})]}),N.trim()&&(0,x.jsx)(t.Ss,{className:"search-result-hint",children:(0,x.jsx)(t.EY,{className:"hint-text",children:w.length>0?"\u627e\u5230 ".concat(w.length," \u4e2a\u76f8\u5173\u54c1\u7c7b"):"\u6ca1\u6709\u627e\u5230\u76f8\u5173\u54c1\u7c7b\uff0c\u8bd5\u8bd5\u770b\u5176\u4ed6\u5173\u952e\u8bcd"})})]}),(0,x.jsxs)(t.Ss,{className:"showcase-section mt-20",children:[(0,x.jsx)(t.EY,{className:"section-title",children:"\u5b9a\u5236\u6210\u54c1\u5c55\u793a"}),(0,x.jsx)(t.RC,{className:"showcase-swiper",indicatorColor:"#e0e0e0",indicatorActiveColor:"#ff9a9e",circular:!0,autoplay:!0,interval:3e3,duration:500,previousMargin:"40rpx",nextMargin:"40rpx",indicatorDots:!0,children:u.map(function(e,s){return(0,x.jsx)(t.wu,{className:"showcase-swiper-item",children:(0,x.jsxs)(t.Ss,{className:"showcase-swiper-card dashed-card",children:[(0,x.jsx)(t.Ss,{className:"star-badge"}),(0,x.jsx)(t.Ss,{className:"showcase-image-wrapper",children:(0,x.jsx)(t._V,{className:"showcase-real-img",src:e.image,mode:"aspectFill"})}),(0,x.jsxs)(t.Ss,{className:"showcase-text-area",children:[(0,x.jsxs)(t.Ss,{className:"showcase-info",children:[(0,x.jsx)(t.EY,{className:"showcase-title",children:e.title}),(0,x.jsx)(t.EY,{className:"showcase-desc",children:e.desc})]}),(0,x.jsx)(t.Ss,{className:"showcase-tag",children:"\u6210\u54c1\u6848\u4f8b"})]})]})},s)})})]}),(0,x.jsxs)(t.Ss,{className:"category-section mt-20",children:[(0,x.jsx)(t.EY,{className:"section-title",children:"\u70ed\u95e8\u54c1\u7c7b"}),(0,x.jsx)(t.Ss,{className:"category-grid",children:w.map(function(e){return(0,x.jsxs)(t.Ss,{className:"category-item dashed-card",onTap:function(){return S(e.id)},children:[(0,x.jsx)(t.Ss,{className:"star-badge"}),(0,x.jsx)(t.Ss,{className:"category-img-wrapper",children:(0,x.jsx)(t._V,{className:"category-img-real",src:j[e.id]||(0,m.uq)("/icon/\u56db\u89d2\u661f.svg"),mode:"aspectFill"})}),(0,x.jsx)(t.EY,{className:"category-name",children:e.name}),(0,x.jsx)(t.EY,{className:"category-desc",children:e.desc}),(0,x.jsxs)(t.EY,{className:"category-price",children:["\xa5",e.price," \u8d77"]})]},e.id)})}),0===w.length&&(0,x.jsxs)(t.Ss,{className:"empty-category dashed-card",children:[(0,x.jsx)(t._V,{className:"empty-icon-img",src:(0,m.uq)("/icon/\u641c\u7d22.svg"),mode:"aspectFit"}),(0,x.jsx)(t.EY,{className:"empty-text",children:"\u672a\u627e\u5230\u5339\u914d\u7684\u54c1\u7c7b"}),(0,x.jsx)(t.EY,{className:"empty-sub",children:"\u5c1d\u8bd5\u641c\u7d22\u201c\u7b14\u8bb0\u672c\u201d\u3001\u201c\u676f\u57ab\u201d\u7b49"})]})]}),(0,x.jsx)(t.Ss,{className:"safe-bottom-placeholder"})]})]})}var b={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u667a\u7ed8\u5fae\u523b"};Page((0,c.createPageConfig)(N,"pages/index/index",{root:{cn:[]}},b||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(7265)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[421],{7265:function(e,s,a){var c=a(7842),i=a(5544),t=a(118),l=a(758),n=a.n(l),r=a(6540),o=a(5234),d=a(8199),m=a(9703),h=a(9201),g=a(5414),x=a(9674),p=a(4848),u=[{title:"\u6bd5\u4e1a\u7eaa\u5ff5\u7b14\u8bb0\u672c",desc:"\u5168\u73ed\u540d\u5b57\u7ec4\u6210\u6821\u5fbd",priceText:"\xa545 \u8d77",categoryId:"notebook-large",image:(0,d.uq)("/img/book_small/The1.jpg")},{title:"\u94dc\u8d28\u676f\u57ab",desc:"\u91d1\u5c5e\u8d28\u611f\u684c\u9762\u827a\u672f",priceText:"\xa525 \u8d77",categoryId:"coaster",image:(0,d.uq)("/img/cup/The1.jpg")},{title:"\u7af9\u5236\u7b14\u76d2",desc:"\u81ea\u7136\u7af9\u7eb9\u6587\u623f\u96c5\u5668",priceText:"\xa575 \u8d77",categoryId:"penbox",image:(0,d.uq)("/img/penbox/The1.jpg")},{title:"\u4e66\u672c\u578b\u706f",desc:"\u6e29\u6696\u5149\u5f71\u70b9\u4eae\u5fc3\u610f",priceText:"\xa545 \u8d77",categoryId:"booklamp",image:(0,d.uq)("/img/booklight/The1.jpg")},{title:"\u60c5\u4fa3\u5b9a\u5236\u793c",desc:"\u4e24\u4e2a\u4eba\u7684\u540d\u5b57\u4ea4\u7ec7",priceText:"\xa545 \u8d77",categoryId:"notebook-large",image:(0,d.uq)("/img/book_big/The1.jpg")},{title:"\u4f01\u4e1a\u5e74\u4f1a\u793c",desc:"\u5458\u5de5\u540d\u5b57\u7ec4\u6210Logo",priceText:"\xa575 \u8d77",categoryId:"penbox",image:(0,d.uq)("/img/penbox/The2.jpg")}],j={"notebook-small":(0,d.uq)("/img/book_small/The1.jpg"),"notebook-large":(0,d.uq)("/img/book_big/The1.jpg"),coaster:(0,d.uq)("/img/cup/The1.jpg"),penbox:(0,d.uq)("/img/penbox/The1.jpg"),booklamp:(0,d.uq)("/img/booklight/The1.jpg")};function N(){var e=(0,m.wR)(),s=(e.theme,e.resolvedTheme),a=(0,h.c)();(0,g.l)(s);var c=(0,r.useState)(""),l=(0,i.A)(c,2),N=l[0],b=l[1],T=function(e){n().navigateTo({url:"/pages/product/index?id=".concat(e)})},y=function(e){e.categoryId?T(e.categoryId):n().showToast({title:"\u201c".concat(e.title,"\u201d\u5b9a\u5236\u901a\u9053\u5373\u5c06\u5f00\u653e"),icon:"none"})},S=N.trim()?o.R6.filter(function(e){return e.name.includes(N)||e.desc.includes(N)}):o.R6,f=function(e){b(e.detail.value)};return(0,p.jsxs)(t.Ss,{className:"theme-".concat(s),children:[(0,p.jsx)(x.A,{}),(0,p.jsxs)(t.Ss,{className:"index-page",children:[(0,p.jsx)(t.Ss,{className:"home-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,p.jsx)(t.EY,{className:"home-title",children:"\u667a\u7ed8\u5fae\u523b"})}),(0,p.jsxs)(t.Ss,{className:"searchbox",children:[(0,p.jsx)(t._V,{className:"search-icon-img",src:(0,d.uq)("/icon/\u641c\u7d22.svg"),mode:"aspectFit"}),(0,p.jsx)(t.pd,{className:"search-input",type:"text",placeholder:"\u641c\u7d22\u5b9a\u5236\u54c1\u7c7b\uff1a\u7b14\u8bb0\u672c\u3001\u676f\u57ab\u3001\u4e66\u706f...",value:N,onInput:f,confirmType:"search"})]}),N.trim()&&(0,p.jsx)(t.Ss,{className:"search-result-hint",children:(0,p.jsx)(t.EY,{className:"hint-text",children:S.length>0?"\u627e\u5230 ".concat(S.length," \u4e2a\u76f8\u5173\u54c1\u7c7b"):"\u6ca1\u6709\u627e\u5230\u76f8\u5173\u54c1\u7c7b\uff0c\u8bd5\u8bd5\u770b\u5176\u4ed6\u5173\u952e\u8bcd"})}),(0,p.jsxs)(t.Ss,{className:"showcase-section",children:[(0,p.jsx)(t.EY,{className:"home-section-title",children:"\u5b9a\u5236\u6210\u54c1\u5c55\u793a"}),(0,p.jsx)(t.RC,{className:"showcase-swiper",circular:!0,autoplay:!0,interval:3e3,duration:500,indicatorDots:!0,children:u.map(function(e,s){return(0,p.jsx)(t.wu,{className:"showcase-swiper-item",children:(0,p.jsxs)(t.Ss,{className:"hero-block",children:[(0,p.jsx)(t._V,{className:"hero-media",src:e.image,mode:"aspectFill"}),(0,p.jsxs)(t.Ss,{className:"glass-overlay",children:[(0,p.jsx)(t.EY,{className:"hero-title",children:e.title}),(0,p.jsx)(t.EY,{className:"hero-desc",children:e.desc})]})]})},s)})})]}),(0,p.jsxs)(t.Ss,{className:"category-section",children:[(0,p.jsx)(t.EY,{className:"home-section-title",children:"\u70ed\u95e8\u54c1\u7c7b"}),(0,p.jsx)(t.Ss,{className:"home-grid",children:S.map(function(e){return(0,p.jsxs)(t.Ss,{className:"media-card",onTap:function(){return T(e.id)},children:[(0,p.jsx)(t.Ss,{className:"media-card-image",children:(0,p.jsx)(t._V,{className:"media-card-img",src:j[e.id]||(0,d.uq)("/icon/\u56db\u89d2\u661f.svg"),mode:"aspectFill"})}),(0,p.jsxs)(t.Ss,{className:"media-card-body",children:[(0,p.jsx)(t.EY,{className:"media-card-title",children:e.name}),(0,p.jsx)(t.EY,{className:"media-card-desc",children:e.desc}),(0,p.jsxs)(t.EY,{className:"media-card-price",children:["\xa5",e.price," \u8d77"]})]})]},e.id)})}),0===S.length&&(0,p.jsxs)(t.Ss,{className:"empty-category",children:[(0,p.jsx)(t._V,{className:"empty-icon-img",src:(0,d.uq)("/icon/\u641c\u7d22.svg"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"empty-text",children:"\u672a\u627e\u5230\u5339\u914d\u7684\u54c1\u7c7b"}),(0,p.jsx)(t.EY,{className:"empty-sub",children:"\u5c1d\u8bd5\u641c\u7d22\u201c\u7b14\u8bb0\u672c\u201d\u3001\u201c\u676f\u57ab\u201d\u7b49"})]})]}),(0,p.jsxs)(t.Ss,{className:"recommend-section",children:[(0,p.jsx)(t.EY,{className:"home-section-title",children:"\u4e3a\u4f60\u63a8\u8350"}),(0,p.jsx)(t.Ss,{className:"home-grid",children:u.slice(0,4).map(function(e,s){return(0,p.jsxs)(t.Ss,{className:"media-card",onTap:function(){return y(e)},children:[(0,p.jsx)(t.Ss,{className:"media-card-image",children:(0,p.jsx)(t._V,{className:"media-card-img",src:e.image,mode:"aspectFill"})}),(0,p.jsxs)(t.Ss,{className:"media-card-body",children:[(0,p.jsx)(t.EY,{className:"media-card-title",children:e.title}),(0,p.jsx)(t.EY,{className:"media-card-desc",children:e.desc}),(0,p.jsx)(t.EY,{className:"media-card-price",children:e.priceText})]})]},s)})})]})]})]})}var b={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u667a\u7ed8\u5fae\u523b"};Page((0,c.createPageConfig)(N,"pages/index/index",{root:{cn:[]}},b||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(7265)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/index/index.wxss b/dist/pages/index/index.wxss index 08ad47b..ede0c00 100644 --- a/dist/pages/index/index.wxss +++ b/dist/pages/index/index.wxss @@ -1 +1 @@ -.index-page{padding:0 24rpx 24rpx}.header-bar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20rpx 0 16rpx}.header-title{color:var(--text-primary);font-size:48rpx;font-weight:800;letter-spacing:4rpx}.search-card{padding:20rpx 24rpx}.search-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f8f9fa;border:1rpx dashed rgba(0,0,0,.06);border-radius:40rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16rpx 24rpx}.search-icon{font-size:28rpx;margin-right:16rpx}.search-icon-img{height:28rpx;margin-right:16rpx;width:28rpx}.search-input{background:transparent;border:none;color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;outline:none}.search-input::-webkit-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::-moz-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input:-ms-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::-ms-input-placeholder{color:var(--text-secondary);font-size:26rpx}.search-input::placeholder{color:var(--text-secondary);font-size:26rpx}.search-result-hint{border-top:2rpx dashed var(--line-star);margin-top:16rpx;padding-top:16rpx}.hint-text{color:var(--text-secondary);font-size:24rpx}.showcase-section{margin-top:20rpx}.showcase-swiper{height:520rpx}.showcase-swiper-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:0 10rpx}.showcase-swiper-card{border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;width:100%}.showcase-image-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:320rpx;-webkit-justify-content:center;justify-content:center;overflow:hidden;position:relative;width:100%}.showcase-real-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.showcase-text-area{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;padding:16rpx 20rpx;position:relative;text-align:center}.showcase-info .showcase-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.showcase-info .showcase-desc{color:var(--text-secondary);display:block;font-size:24rpx}.showcase-tag{background:rgba(255,154,158,.9);border-radius:20rpx;color:#fff;font-size:20rpx;font-weight:600;padding:4rpx 16rpx;position:absolute;right:16rpx;top:16rpx;z-index:2}.category-section{margin-top:20rpx}.category-grid{display:grid;gap:20rpx;grid-template-columns:1fr 1fr}.category-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0 0 24rpx;text-align:center;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.category-item:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.category-img-wrapper{border-radius:16rpx;height:180rpx;margin-bottom:16rpx;overflow:hidden;position:relative;width:100%}.category-img-real{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.category-name{color:var(--text-primary);font-size:28rpx;font-weight:700;margin-bottom:8rpx}.category-desc{color:var(--text-secondary);font-size:22rpx}.category-price{color:var(--accent-pink);font-size:30rpx;font-weight:700;margin-top:8rpx}.empty-category{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:60rpx 40rpx;text-align:center}.empty-icon-img{height:48rpx;margin-bottom:16rpx;width:48rpx}.empty-text{color:var(--text-primary);font-size:30rpx;font-weight:600;margin-bottom:8rpx}.empty-sub{color:var(--text-secondary);font-size:24rpx}.safe-bottom-placeholder{height:160rpx} \ No newline at end of file +.index-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx 24rpx}.home-header{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:32rpx}.home-title{color:var(--text-primary);font-size:56rpx;font-weight:800;letter-spacing:0;line-height:1.15}.searchbox{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid transparent;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:88rpx;padding:0 24rpx;-webkit-transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,-webkit-box-shadow .16s ease}.searchbox:focus-within{background:var(--bg-card);border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 6rpx var(--accent-primary-soft);box-shadow:0 0 0 6rpx var(--accent-primary-soft)}.search-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:36rpx;margin-right:12rpx;width:36rpx}.search-input{background:transparent;border:none;color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;height:88rpx;outline:none}.search-input::-webkit-input-placeholder{color:var(--text-muted);font-size:26rpx}.search-input::-moz-placeholder{color:var(--text-muted);font-size:26rpx}.search-input:-ms-input-placeholder{color:var(--text-muted);font-size:26rpx}.search-input::-ms-input-placeholder{color:var(--text-muted);font-size:26rpx}.search-input::placeholder{color:var(--text-muted);font-size:26rpx}.search-result-hint{color:var(--text-secondary);font-size:24rpx;margin:16rpx 8rpx 0}.hint-text{display:block}.home-section-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;letter-spacing:0;margin:48rpx 0 24rpx}.showcase-swiper{height:360rpx;width:100%}.showcase-swiper-item{border-radius:24rpx;height:360rpx;overflow:hidden}.hero-block{background:-webkit-linear-gradient(300deg,hsla(1,59%,63%,.42),rgba(108,123,219,.18)),var(--bg-muted);background:linear-gradient(150deg,hsla(1,59%,63%,.42),rgba(108,123,219,.18)),var(--bg-muted);border-radius:24rpx;height:100%;overflow:hidden;position:relative;width:100%}.hero-media{height:100%;left:0;position:absolute;top:0;width:100%}.glass-overlay{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;backdrop-filter:blur(24rpx);-webkit-backdrop-filter:blur(24rpx);background:hsla(0,0%,100%,.72);border:1rpx solid hsla(0,0%,100%,.6);border-radius:24rpx;bottom:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:24rpx;max-width:78%;padding:16rpx 24rpx;position:absolute;z-index:2}.hero-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-desc{color:var(--text-secondary);display:block;font-size:24rpx;letter-spacing:0;margin-top:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-grid{display:grid;gap:24rpx;grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.media-card:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.media-card-image{aspect-ratio:1/1;background:var(--bg-muted);overflow:hidden;position:relative}.media-card-img{display:block;height:100%;width:100%}.media-card-body{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20rpx 16rpx 24rpx;text-align:center}.media-card-title{color:var(--text-primary);display:block;font-size:28rpx;font-weight:700;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-card-desc{color:var(--text-secondary);display:block;font-size:22rpx;letter-spacing:0;margin-top:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-card-price{color:var(--accent-primary);display:block;font-size:28rpx;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:0;margin-top:12rpx}.empty-category{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:24rpx;padding:48rpx 32rpx;text-align:center}.empty-icon-img{height:64rpx;margin-bottom:16rpx;width:64rpx}.empty-text{color:var(--text-primary);font-size:30rpx;font-weight:600;margin-bottom:8rpx}.empty-sub{color:var(--text-secondary);font-size:24rpx} \ No newline at end of file diff --git a/dist/pages/orderDetail/index.js b/dist/pages/orderDetail/index.js index 7f86684..40e77ca 100644 --- a/dist/pages/orderDetail/index.js +++ b/dist/pages/orderDetail/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[154],{6382:function(s,e,a){var c=a(7842),d=a(9379),l=a(5544),i=a(118),n=a(758),r=a.n(n),t=a(6540),m=a(9703),o=a(9201),h=a(5414),x=a(9674),j=a(8594),N=a(5234),u=a(8199),p=a(4848);function S(){var s,e,a,c=(0,m.wR)(),n=(c.theme,c.resolvedTheme),S=(0,o.c)();(0,h.l)(n);var g=null===(s=r().getCurrentInstance().router)||void 0===s?void 0:s.params,E=(null===g||void 0===g?void 0:g.orderId)||"",Y=(0,t.useState)(null),v=(0,l.A)(Y,2),f=v[0],k=v[1],b=(0,t.useState)(null),w=(0,l.A)(b,2),T=w[0],C=w[1],y=(0,t.useState)(!1),A=(0,l.A)(y,2),I=A[0],P=A[1],F=(0,t.useState)([]),q=(0,l.A)(F,2),B=q[0],V=q[1];(0,t.useEffect)(function(){var s=(0,j.n7)(),e=s.find(function(s){return s.id===E});e&&(k(e),e.address?C(e.address):C((0,j.EB)())),V((0,j.Re)())},[E]);var _=function(s){C(s),P(!1);var e=(0,j.n7)(),a=e.findIndex(function(s){return s.id===E});a>=0&&(e[a]=(0,d.A)((0,d.A)({},e[a]),{},{address:s})),r().showToast({title:"\u5730\u5740\u5df2\u66f4\u6539",icon:"success"})};return f?(0,p.jsxs)(i.Ss,{className:"theme-".concat(n),children:[(0,p.jsx)(x.A,{}),(0,p.jsxs)(i.Ss,{className:"order-detail-page",children:[(0,p.jsxs)(i.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(S.headerPaddingTop,"px")},children:[(0,p.jsx)(i.Ss,{className:"star-badge"}),(0,p.jsxs)(i.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,p.jsx)(i.EY,{className:"back-btn",onTap:function(){return r().navigateBack()},children:"\u2190"}),(0,p.jsx)(i.EY,{className:"page-title",children:"\u8ba2\u5355\u8be6\u60c5"}),(0,p.jsx)(i.Ss,{style:{width:"60px"}})]})]}),(0,p.jsxs)(i.Ss,{className:"status-banner dashed-card mt-20",children:[(0,p.jsx)(i.Ss,{className:"star-badge"}),(0,p.jsxs)(i.EY,{className:"status-text",children:["pending"===f.statusCode&&"\u5f85\u4ed8\u6b3e","paid"===f.statusCode&&"\u5f85\u53d1\u8d27","shipping"===f.statusCode&&"\u5f85\u6536\u8d27","done"===f.statusCode&&"\u5df2\u5b8c\u6210"]}),(0,p.jsxs)(i.EY,{className:"status-desc",children:["pending"===f.statusCode&&"\u8bf7\u572830\u5206\u949f\u5185\u5b8c\u6210\u652f\u4ed8","paid"===f.statusCode&&"\u5546\u54c1\u6b63\u5728\u6253\u5305\u4e2d\uff0c\u5373\u5c06\u53d1\u8d27","shipping"===f.statusCode&&"\u5feb\u9012\u8fd0\u8f93\u4e2d\uff0c\u8bf7\u6ce8\u610f\u67e5\u6536","done"===f.statusCode&&"\u4ea4\u6613\u5df2\u5b8c\u6210\uff0c\u611f\u8c22\u60e0\u987e"]})]}),("shipping"===f.statusCode||"done"===f.statusCode)&&(0,p.jsxs)(i.Ss,{className:"logistics-card dashed-card mt-20",children:[(0,p.jsx)(i.Ss,{className:"star-badge"}),(0,p.jsxs)(i.Ss,{className:"logistics-header",children:[(0,p.jsxs)(i.Ss,{className:"flex-center",children:[(0,p.jsx)(i._V,{className:"card-icon-img",src:(0,u.uq)("/icon/\u5305\u88f9.png"),mode:"aspectFit"}),(0,p.jsx)(i.EY,{className:"logistics-title",children:"\u7269\u6d41\u4fe1\u606f"})]}),(0,p.jsx)(i.EY,{className:"logistics-num",children:"\u5355\u53f7: SF1234567890"})]}),(0,p.jsxs)(i.Ss,{className:"timeline",children:[(0,p.jsxs)(i.Ss,{className:"timeline-item active",children:[(0,p.jsx)(i.Ss,{className:"timeline-dot"}),(0,p.jsxs)(i.Ss,{className:"timeline-content",children:[(0,p.jsx)(i.EY,{className:"timeline-status",children:"\u8fd0\u8f93\u4e2d"}),(0,p.jsx)(i.EY,{className:"timeline-time",children:"2024-01-15 14:30"}),(0,p.jsx)(i.EY,{className:"timeline-desc",children:"\u3010\u5317\u4eac\u5e02\u3011\u5feb\u4ef6\u5df2\u5230\u8fbe\u5317\u4eac\u671d\u9633\u8f6c\u8fd0\u4e2d\u5fc3"})]})]}),(0,p.jsxs)(i.Ss,{className:"timeline-item",children:[(0,p.jsx)(i.Ss,{className:"timeline-dot"}),(0,p.jsxs)(i.Ss,{className:"timeline-content",children:[(0,p.jsx)(i.EY,{className:"timeline-status",children:"\u5df2\u53d1\u8d27"}),(0,p.jsx)(i.EY,{className:"timeline-time",children:"2024-01-15 09:00"}),(0,p.jsx)(i.EY,{className:"timeline-desc",children:"\u3010\u6df1\u5733\u5e02\u3011\u5546\u5bb6\u5df2\u53d1\u8d27\uff0c\u7b49\u5f85\u63fd\u6536"})]})]}),(0,p.jsxs)(i.Ss,{className:"timeline-item",children:[(0,p.jsx)(i.Ss,{className:"timeline-dot"}),(0,p.jsxs)(i.Ss,{className:"timeline-content",children:[(0,p.jsx)(i.EY,{className:"timeline-status",children:"\u5df2\u4e0b\u5355"}),(0,p.jsx)(i.EY,{className:"timeline-time",children:"2024-01-14 20:15"}),(0,p.jsx)(i.EY,{className:"timeline-desc",children:"\u8ba2\u5355\u5df2\u751f\u6210\uff0c\u7b49\u5f85\u5546\u5bb6\u53d1\u8d27"})]})]})]})]}),(0,p.jsxs)(i.Ss,{className:"product-card dashed-card mt-20",children:[(0,p.jsx)(i.Ss,{className:"star-badge"}),(0,p.jsxs)(i.Ss,{className:"product-row",children:[(0,p.jsx)(i.Ss,{className:"product-icon-wrapper",children:(0,p.jsx)(i._V,{className:"product-icon-img",src:(0,u.uq)(null!==(e=f.productIcon)&&void 0!==e&&e.startsWith("/icon/")||/^https?:/i.test(f.productIcon||"")?f.productIcon:N.rj[f.productId]||"/icon/\u56db\u89d2\u661f.svg"),mode:"aspectFit"})}),(0,p.jsxs)(i.Ss,{className:"product-info",children:[(0,p.jsx)(i.EY,{className:"product-name",children:f.productName}),(0,p.jsx)(i.EY,{className:"product-sku",children:f.sku})]})]}),(0,p.jsxs)(i.Ss,{className:"price-row",children:[(0,p.jsx)(i.EY,{className:"price-label",children:"\u5b9e\u4ed8\u6b3e"}),(0,p.jsx)(i.EY,{className:"price-value",children:f.price})]})]}),(0,p.jsxs)(i.Ss,{className:"address-card dashed-card mt-20",children:[(0,p.jsx)(i.Ss,{className:"star-badge"}),(0,p.jsxs)(i.Ss,{className:"address-header",children:[(0,p.jsxs)(i.Ss,{className:"flex-center",children:[(0,p.jsx)(i._V,{className:"card-icon-img",src:(0,u.uq)("/icon/\u5730\u5740.png"),mode:"aspectFit"}),(0,p.jsx)(i.EY,{className:"address-title",children:"\u6536\u8d27\u5730\u5740"})]}),(0,p.jsx)(i.Ss,{className:"address-change",onTap:function(){return P(!0)},children:(0,p.jsx)(i.EY,{className:"change-text",children:"\u66f4\u6539\u6536\u8d27\u5730\u5740"})})]}),T?(0,p.jsxs)(i.Ss,{className:"address-body",children:[(0,p.jsxs)(i.Ss,{className:"address-row",children:[(0,p.jsx)(i.EY,{className:"address-name",children:T.name}),(0,p.jsx)(i.EY,{className:"address-phone",children:T.phone})]}),(0,p.jsxs)(i.EY,{className:"address-detail",children:[null===(a=T.region)||void 0===a?void 0:a.join(" ")," ",T.detail]})]}):(0,p.jsx)(i.Ss,{className:"address-empty",children:(0,p.jsx)(i.EY,{children:"\u6682\u65e0\u6536\u8d27\u5730\u5740\uff0c\u8bf7\u5148\u6dfb\u52a0"})})]}),(0,p.jsxs)(i.Ss,{className:"meta-card dashed-card mt-20",children:[(0,p.jsx)(i.Ss,{className:"star-badge"}),(0,p.jsx)(i.EY,{className:"meta-title",children:"\u8ba2\u5355\u4fe1\u606f"}),(0,p.jsxs)(i.Ss,{className:"meta-row",children:[(0,p.jsx)(i.EY,{className:"meta-label",children:"\u8ba2\u5355\u7f16\u53f7"}),(0,p.jsx)(i.EY,{className:"meta-value",children:f.id})]}),(0,p.jsxs)(i.Ss,{className:"meta-row",children:[(0,p.jsx)(i.EY,{className:"meta-label",children:"\u521b\u5efa\u65f6\u95f4"}),(0,p.jsx)(i.EY,{className:"meta-value",children:f.date})]}),(0,p.jsxs)(i.Ss,{className:"meta-row",children:[(0,p.jsx)(i.EY,{className:"meta-label",children:"\u6570\u91cf"}),(0,p.jsxs)(i.EY,{className:"meta-value",children:[f.count," \u4ef6"]})]})]}),(0,p.jsx)(i.Ss,{style:{height:"40px"}}),I&&(0,p.jsx)(i.Ss,{className:"modal-overlay",style:{alignItems:"flex-end",justifyContent:"flex-end"},children:(0,p.jsxs)(i.Ss,{className:"addr-picker-sheet dashed-card",children:[(0,p.jsxs)(i.Ss,{className:"addr-picker-header",children:[(0,p.jsx)(i.EY,{className:"addr-picker-title",children:"\u9009\u62e9\u6536\u8d27\u5730\u5740"}),(0,p.jsx)(i.EY,{className:"addr-picker-close",onTap:function(){return P(!1)},children:"\u2715"})]}),(0,p.jsxs)(i.Ss,{className:"addr-picker-list",children:[B.map(function(s){var e;return(0,p.jsxs)(i.Ss,{className:"addr-picker-item ".concat((null===T||void 0===T?void 0:T.id)===s.id?"active":""),onTap:function(){return _(s)},children:[(0,p.jsxs)(i.Ss,{className:"addr-picker-row",children:[(0,p.jsx)(i.EY,{className:"addr-picker-name",children:s.name}),(0,p.jsx)(i.EY,{className:"addr-picker-phone",children:s.phone}),s.isDefault&&(0,p.jsx)(i.EY,{className:"addr-picker-default",children:"\u9ed8\u8ba4"})]}),(0,p.jsxs)(i.EY,{className:"addr-picker-detail",children:[null===(e=s.region)||void 0===e?void 0:e.join(" ")," ",s.detail]})]},s.id)}),0===B.length&&(0,p.jsx)(i.Ss,{className:"addr-picker-empty",children:(0,p.jsx)(i.EY,{children:"\u6682\u65e0\u5730\u5740\uff0c\u8bf7\u5148\u6dfb\u52a0\u6536\u8d27\u5730\u5740"})})]}),(0,p.jsx)(i.Ss,{className:"addr-picker-add",onTap:function(){P(!1),r().navigateTo({url:"/pages/address/index"})},children:(0,p.jsx)(i.EY,{className:"addr-picker-add-text",children:"+ \u65b0\u5efa\u6536\u8d27\u5730\u5740"})})]})})]})]}):(0,p.jsxs)(i.Ss,{className:"theme-".concat(n),children:[(0,p.jsx)(x.A,{}),(0,p.jsx)(i.Ss,{className:"order-detail-page",children:(0,p.jsx)(i.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(S.headerPaddingTop,"px")},children:(0,p.jsx)(i.EY,{className:"page-title",children:"\u8ba2\u5355\u4e0d\u5b58\u5728"})})})]})}var g={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8ba2\u5355\u8be6\u60c5"};Page((0,c.createPageConfig)(S,"pages/orderDetail/index",{root:{cn:[]}},g||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(6382)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[154],{6382:function(s,e,a){var c=a(7842),l=a(9379),n=a(5544),i=a(118),d=a(758),r=a.n(d),t=a(6540),m=a(9703),o=a(9201),h=a(5414),x=a(9674),j=a(8594),N=a(5234),u=a(8199),p=a(4848);function S(){var s=(0,m.wR)(),e=(s.theme,s.resolvedTheme),a=(0,o.c)();(0,h.l)(e);var c=r().getCurrentInstance().router,d=c?c.params:{},S=d&&d.orderId||"",g=(0,t.useState)(null),E=(0,n.A)(g,2),Y=E[0],f=E[1],v=(0,t.useState)(null),k=(0,n.A)(v,2),b=k[0],w=k[1],T=(0,t.useState)(!1),C=(0,n.A)(T,2),y=C[0],A=C[1],I=(0,t.useState)([]),P=(0,n.A)(I,2),B=P[0],F=P[1];(0,t.useEffect)(function(){var s=(0,j.n7)(),e=s.find(function(s){return s.id===S});e&&(f(e),e.address?w(e.address):w((0,j.EB)())),F((0,j.Re)())},[S]);var q=function(s){w(s),A(!1);var e=(0,j.n7)(),a=e.findIndex(function(s){return s.id===S});a>=0&&(e[a]=(0,l.A)((0,l.A)({},e[a]),{},{address:s})),r().showToast({title:"\u5730\u5740\u5df2\u66f4\u6539",icon:"success"})};return Y?(0,p.jsxs)(i.Ss,{className:"theme-".concat(e),children:[(0,p.jsx)(x.A,{}),(0,p.jsxs)(i.Ss,{className:"order-detail-page",children:[(0,p.jsx)(i.Ss,{className:"page-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,p.jsxs)(i.Ss,{className:"page-header-inner",children:[(0,p.jsx)(i.Ss,{className:"back-btn",onTap:function(){return r().navigateBack()},children:(0,p.jsx)(i.EY,{className:"back-arrow",children:"\u2190"})}),(0,p.jsx)(i.EY,{className:"nav-title",children:"\u8ba2\u5355\u8be6\u60c5"}),(0,p.jsx)(i.Ss,{className:"nav-placeholder"})]})}),(0,p.jsxs)(i.Ss,{className:"status-banner surface-card",children:[(0,p.jsxs)(i.EY,{className:"status-text",children:["pending"===Y.statusCode&&"\u5f85\u4ed8\u6b3e","paid"===Y.statusCode&&"\u5f85\u53d1\u8d27","shipping"===Y.statusCode&&"\u5f85\u6536\u8d27","done"===Y.statusCode&&"\u5df2\u5b8c\u6210"]}),(0,p.jsxs)(i.EY,{className:"status-desc",children:["pending"===Y.statusCode&&"\u8bf7\u572830\u5206\u949f\u5185\u5b8c\u6210\u652f\u4ed8","paid"===Y.statusCode&&"\u5546\u54c1\u6b63\u5728\u6253\u5305\u4e2d\uff0c\u5373\u5c06\u53d1\u8d27","shipping"===Y.statusCode&&"\u5feb\u9012\u8fd0\u8f93\u4e2d\uff0c\u8bf7\u6ce8\u610f\u67e5\u6536","done"===Y.statusCode&&"\u4ea4\u6613\u5df2\u5b8c\u6210\uff0c\u611f\u8c22\u60e0\u987e"]})]}),("shipping"===Y.statusCode||"done"===Y.statusCode)&&(0,p.jsxs)(i.Ss,{className:"logistics-card detail-card surface-card",children:[(0,p.jsxs)(i.Ss,{className:"logistics-header",children:[(0,p.jsxs)(i.Ss,{className:"flex-center",children:[(0,p.jsx)(i._V,{className:"card-icon-img",src:(0,u.uq)("/icon/\u5305\u88f9.png"),mode:"aspectFit"}),(0,p.jsx)(i.EY,{className:"logistics-title",children:"\u7269\u6d41\u4fe1\u606f"})]}),(0,p.jsx)(i.EY,{className:"logistics-num",children:"\u5355\u53f7: SF1234567890"})]}),(0,p.jsxs)(i.Ss,{className:"timeline",children:[(0,p.jsxs)(i.Ss,{className:"timeline-item active",children:[(0,p.jsx)(i.Ss,{className:"timeline-dot"}),(0,p.jsxs)(i.Ss,{className:"timeline-content",children:[(0,p.jsx)(i.EY,{className:"timeline-status",children:"\u8fd0\u8f93\u4e2d"}),(0,p.jsx)(i.EY,{className:"timeline-time",children:"2024-01-15 14:30"}),(0,p.jsx)(i.EY,{className:"timeline-desc",children:"\u3010\u5317\u4eac\u5e02\u3011\u5feb\u4ef6\u5df2\u5230\u8fbe\u5317\u4eac\u671d\u9633\u8f6c\u8fd0\u4e2d\u5fc3"})]})]}),(0,p.jsxs)(i.Ss,{className:"timeline-item",children:[(0,p.jsx)(i.Ss,{className:"timeline-dot"}),(0,p.jsxs)(i.Ss,{className:"timeline-content",children:[(0,p.jsx)(i.EY,{className:"timeline-status",children:"\u5df2\u53d1\u8d27"}),(0,p.jsx)(i.EY,{className:"timeline-time",children:"2024-01-15 09:00"}),(0,p.jsx)(i.EY,{className:"timeline-desc",children:"\u3010\u6df1\u5733\u5e02\u3011\u5546\u5bb6\u5df2\u53d1\u8d27\uff0c\u7b49\u5f85\u63fd\u6536"})]})]}),(0,p.jsxs)(i.Ss,{className:"timeline-item",children:[(0,p.jsx)(i.Ss,{className:"timeline-dot"}),(0,p.jsxs)(i.Ss,{className:"timeline-content",children:[(0,p.jsx)(i.EY,{className:"timeline-status",children:"\u5df2\u4e0b\u5355"}),(0,p.jsx)(i.EY,{className:"timeline-time",children:"2024-01-14 20:15"}),(0,p.jsx)(i.EY,{className:"timeline-desc",children:"\u8ba2\u5355\u5df2\u751f\u6210\uff0c\u7b49\u5f85\u5546\u5bb6\u53d1\u8d27"})]})]})]})]}),(0,p.jsxs)(i.Ss,{className:"product-card detail-card surface-card",children:[(0,p.jsxs)(i.Ss,{className:"product-row",children:[(0,p.jsx)(i.Ss,{className:"product-icon-wrapper",children:(0,p.jsx)(i._V,{className:"product-icon-img",src:(0,u.uq)((Y.productIcon||"").startsWith("/icon/")||/^https?:/i.test(Y.productIcon||"")?Y.productIcon:N.rj[Y.productId]||"/icon/\u56db\u89d2\u661f.svg"),mode:"aspectFit"})}),(0,p.jsxs)(i.Ss,{className:"product-info",children:[(0,p.jsx)(i.EY,{className:"product-name",children:Y.productName}),(0,p.jsx)(i.EY,{className:"product-sku",children:Y.sku})]})]}),(0,p.jsxs)(i.Ss,{className:"price-row",children:[(0,p.jsx)(i.EY,{className:"price-label",children:"\u5b9e\u4ed8\u6b3e"}),(0,p.jsx)(i.EY,{className:"price-value",children:Y.price})]})]}),(0,p.jsxs)(i.Ss,{className:"address-card detail-card surface-card",children:[(0,p.jsxs)(i.Ss,{className:"address-header",children:[(0,p.jsxs)(i.Ss,{className:"flex-center",children:[(0,p.jsx)(i._V,{className:"card-icon-img",src:(0,u.uq)("/icon/\u5730\u5740.png"),mode:"aspectFit"}),(0,p.jsx)(i.EY,{className:"address-title",children:"\u6536\u8d27\u5730\u5740"})]}),(0,p.jsx)(i.Ss,{className:"address-change",onTap:function(){return A(!0)},children:(0,p.jsx)(i.EY,{className:"change-text",children:"\u66f4\u6539\u6536\u8d27\u5730\u5740"})})]}),b?(0,p.jsxs)(i.Ss,{className:"address-body",children:[(0,p.jsxs)(i.Ss,{className:"address-row",children:[(0,p.jsx)(i.EY,{className:"address-name",children:b.name}),(0,p.jsx)(i.EY,{className:"address-phone",children:b.phone})]}),(0,p.jsxs)(i.EY,{className:"address-detail",children:[(b.region||[]).join(" ")," ",b.detail]})]}):(0,p.jsx)(i.Ss,{className:"address-empty",children:(0,p.jsx)(i.EY,{children:"\u6682\u65e0\u6536\u8d27\u5730\u5740\uff0c\u8bf7\u5148\u6dfb\u52a0"})})]}),(0,p.jsxs)(i.Ss,{className:"meta-card detail-card surface-card",children:[(0,p.jsx)(i.EY,{className:"meta-title",children:"\u8ba2\u5355\u4fe1\u606f"}),(0,p.jsxs)(i.Ss,{className:"meta-row",children:[(0,p.jsx)(i.EY,{className:"meta-label",children:"\u8ba2\u5355\u7f16\u53f7"}),(0,p.jsx)(i.EY,{className:"meta-value",children:Y.id})]}),(0,p.jsxs)(i.Ss,{className:"meta-row",children:[(0,p.jsx)(i.EY,{className:"meta-label",children:"\u521b\u5efa\u65f6\u95f4"}),(0,p.jsx)(i.EY,{className:"meta-value",children:Y.date})]}),(0,p.jsxs)(i.Ss,{className:"meta-row",children:[(0,p.jsx)(i.EY,{className:"meta-label",children:"\u6570\u91cf"}),(0,p.jsxs)(i.EY,{className:"meta-value",children:[Y.count," \u4ef6"]})]})]}),(0,p.jsx)(i.Ss,{className:"page-bottom-spacer"}),y&&(0,p.jsx)(i.Ss,{className:"modal-overlay",style:{alignItems:"flex-end",justifyContent:"flex-end"},children:(0,p.jsxs)(i.Ss,{className:"addr-picker-sheet surface-card",children:[(0,p.jsxs)(i.Ss,{className:"addr-picker-header",children:[(0,p.jsx)(i.EY,{className:"addr-picker-title",children:"\u9009\u62e9\u6536\u8d27\u5730\u5740"}),(0,p.jsx)(i.EY,{className:"addr-picker-close",onTap:function(){return A(!1)},children:"\u2715"})]}),(0,p.jsxs)(i.Ss,{className:"addr-picker-list",children:[B.map(function(s){return(0,p.jsxs)(i.Ss,{className:"addr-picker-item ".concat(b&&b.id===s.id?"active":""),onTap:function(){return q(s)},children:[(0,p.jsxs)(i.Ss,{className:"addr-picker-row",children:[(0,p.jsx)(i.EY,{className:"addr-picker-name",children:s.name}),(0,p.jsx)(i.EY,{className:"addr-picker-phone",children:s.phone}),s.isDefault&&(0,p.jsx)(i.EY,{className:"addr-picker-default",children:"\u9ed8\u8ba4"})]}),(0,p.jsxs)(i.EY,{className:"addr-picker-detail",children:[(s.region||[]).join(" ")," ",s.detail]})]},s.id)}),0===B.length&&(0,p.jsx)(i.Ss,{className:"addr-picker-empty",children:(0,p.jsx)(i.EY,{children:"\u6682\u65e0\u5730\u5740\uff0c\u8bf7\u5148\u6dfb\u52a0\u6536\u8d27\u5730\u5740"})})]}),(0,p.jsx)(i.Ss,{className:"addr-picker-add",onTap:function(){A(!1),r().navigateTo({url:"/pages/address/index"})},children:(0,p.jsx)(i.EY,{className:"addr-picker-add-text",children:"+ \u65b0\u5efa\u6536\u8d27\u5730\u5740"})})]})})]})]}):(0,p.jsxs)(i.Ss,{className:"theme-".concat(e),children:[(0,p.jsx)(x.A,{}),(0,p.jsx)(i.Ss,{className:"order-detail-page",children:(0,p.jsx)(i.Ss,{className:"page-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,p.jsxs)(i.Ss,{className:"page-header-inner",children:[(0,p.jsx)(i.Ss,{className:"back-btn",onTap:function(){return r().navigateBack()},children:(0,p.jsx)(i.EY,{className:"back-arrow",children:"\u2190"})}),(0,p.jsx)(i.EY,{className:"nav-title",children:"\u8ba2\u5355\u4e0d\u5b58\u5728"}),(0,p.jsx)(i.Ss,{className:"nav-placeholder"})]})})})]})}var g={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8ba2\u5355\u8be6\u60c5"};Page((0,c.createPageConfig)(S,"pages/orderDetail/index",{root:{cn:[]}},g||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(6382)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/orderDetail/index.wxss b/dist/pages/orderDetail/index.wxss index c5ff2b2..bfc8511 100644 --- a/dist/pages/orderDetail/index.wxss +++ b/dist/pages/orderDetail/index.wxss @@ -1 +1 @@ -.order-detail-page{min-height:100vh;padding:0 24rpx 24rpx}.back-btn{font-size:40rpx;padding:10rpx}.status-card{padding:32rpx}.status-top{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:32rpx}.status-badge{font-size:26rpx}.status-desc{color:var(--text-secondary);font-size:26rpx}.logistics-timeline{padding-left:20rpx;position:relative}.logistics-timeline::before{background:var(--line-star);bottom:8rpx;content:"";left:8rpx;opacity:.3;position:absolute;top:8rpx;width:2rpx}.timeline-title{color:var(--text-primary);display:block;font-size:28rpx;margin-bottom:6rpx}.address-card{padding:32rpx}.address-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16rpx}.address-title{color:var(--text-primary);font-size:30rpx;font-weight:700}.address-change{background:rgba(91,140,255,.08);border-radius:8rpx;padding:6rpx 16rpx}.change-text{color:var(--accent-blue);font-size:24rpx}.address-body{padding-top:8rpx}.address-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.address-name{color:var(--text-primary);font-size:28rpx;font-weight:700}.address-phone{color:var(--text-secondary);font-size:26rpx}.address-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.5}.address-empty{padding:32rpx 0;text-align:center}.addr-picker-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20rpx}.addr-picker-title{color:var(--text-primary);font-size:32rpx;font-weight:700}.addr-picker-close{color:var(--text-secondary);font-size:28rpx;padding:8rpx}.addr-picker-list{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.addr-picker-item{border-bottom:1rpx dashed rgba(0,0,0,.05);padding:20rpx 16rpx}.addr-picker-item.active{background:rgba(91,140,255,.06);border-radius:12rpx}.addr-picker-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-picker-name{color:var(--text-primary);font-size:28rpx;font-weight:700}.addr-picker-phone{color:var(--text-secondary);font-size:26rpx}.addr-picker-default{border:1rpx solid var(--accent-pink);border-radius:6rpx;color:var(--accent-pink);font-size:22rpx;padding:2rpx 8rpx}.addr-picker-detail{color:var(--text-secondary);font-size:26rpx}.addr-picker-empty{color:var(--text-secondary);font-size:28rpx;padding:40rpx;text-align:center}.addr-picker-add{border:2rpx dashed var(--accent-blue);border-radius:12rpx;margin-top:16rpx;padding:20rpx;text-align:center}.addr-picker-add-text{color:var(--accent-blue);font-size:28rpx}.card-icon-img{height:32rpx;margin-right:10rpx;width:32rpx}.product-card{padding:32rpx}.product-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:24rpx}.product-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100rpx;-webkit-justify-content:center;justify-content:center;margin-right:20rpx;overflow:hidden;padding:8rpx;width:100rpx}.product-icon-img{height:64rpx;width:64rpx}.product-info{-webkit-flex:1;-ms-flex:1;flex:1}.product-name{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.product-sku{color:var(--text-secondary);font-size:24rpx}.price-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:16rpx 0}.price-label{color:var(--text-secondary);font-size:26rpx}.price-value{color:var(--text-primary);font-size:28rpx}.price-row.total{padding-top:20rpx}.total-label{font-size:28rpx;font-weight:700}.total-value{color:var(--accent-pink);font-size:36rpx;font-weight:800}.info-card{padding:32rpx}.info-card .info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:16rpx 0}.info-card .info-label{color:var(--text-secondary);font-size:26rpx}.info-card .info-value{color:var(--text-primary);font-size:26rpx}.status-text{color:var(--text-primary);display:block;font-size:48rpx;font-weight:800;margin-bottom:10rpx}.logistics-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx;padding-bottom:16rpx}.logistics-title{color:var(--text-primary);font-size:30rpx;font-weight:700}.logistics-num{color:var(--text-secondary);font-size:24rpx}.timeline{padding-left:20rpx;position:relative}.timeline::before{background:var(--line-star);bottom:8rpx;content:"";left:8rpx;opacity:.3;position:absolute;top:8rpx;width:2rpx}.timeline-item{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:24rpx;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{-ms-flex-negative:0;background:var(--bg-card);border:3rpx solid var(--line-star);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:18rpx;margin-left:-20rpx;margin-right:20rpx;width:18rpx;z-index:2}.timeline-item.active .timeline-dot{background:var(--accent-pink);border-color:var(--accent-pink)}.timeline-content{-webkit-flex:1;-ms-flex:1;flex:1}.timeline-status{color:var(--text-primary);display:block;font-size:28rpx;font-weight:700;margin-bottom:6rpx}.timeline-time{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:4rpx}.timeline-desc{color:var(--text-secondary);font-size:26rpx;line-height:1.4}.meta-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:16rpx}.meta-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:16rpx 0}.meta-label{color:var(--text-secondary);font-size:26rpx}.meta-value{color:var(--text-primary);font-size:26rpx}.preview-card{padding:32rpx}.design-preview{background:-webkit-linear-gradient(315deg,rgba(255,154,158,.08),rgba(160,196,255,.08));background:linear-gradient(135deg,rgba(255,154,158,.08),rgba(160,196,255,.08));border:3rpx dashed var(--accent-blue);border-radius:16rpx;margin:0 auto;overflow:hidden;position:relative}.preview-sticker{max-height:100%;max-width:100%;position:absolute} \ No newline at end of file +.order-detail-page{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx calc(64rpx + env(safe-area-inset-bottom))}.page-header{margin-bottom:24rpx;padding:0}.page-header-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;min-height:88rpx}.back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.nav-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-placeholder{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.status-banner{background:var(--accent-primary-soft);border-color:transparent;margin-bottom:24rpx;padding:32rpx}.status-text{color:var(--accent-primary);display:block;font-size:40rpx;font-weight:800;letter-spacing:0}.status-desc{color:var(--text-secondary);display:block;font-size:26rpx;margin-top:8rpx}.detail-card{margin-bottom:24rpx;padding:32rpx}.card-icon-img{height:40rpx;margin-right:12rpx;width:40rpx}.logistics-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx;padding-bottom:24rpx}.logistics-header .flex-center{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0}.logistics-title{color:var(--text-primary);font-size:32rpx;font-weight:700}.logistics-num{color:var(--text-secondary);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:22rpx}.timeline{padding-left:20rpx;position:relative}.timeline::before{background:var(--border);bottom:12rpx;content:"";left:8rpx;opacity:.5;position:absolute;top:12rpx;width:2rpx}.timeline-item{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:32rpx;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{-ms-flex-negative:0;background:var(--bg-card);border:2rpx solid var(--border-strong);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:20rpx;margin-left:-30rpx;margin-right:24rpx;width:20rpx;z-index:2}.timeline-item.active .timeline-dot{background:var(--accent-primary);border-color:var(--accent-primary)}.timeline-content{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.timeline-status{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;letter-spacing:0;margin-bottom:8rpx}.timeline-time{color:var(--text-secondary);display:block;font-size:22rpx;margin-bottom:8rpx}.timeline-desc{color:var(--text-secondary);display:block;font-size:26rpx;line-height:1.6}.product-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;padding-bottom:24rpx}.product-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border-radius:16rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;overflow:hidden;width:88rpx}.product-icon-img{height:52rpx;width:52rpx}.product-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.product-name{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;line-height:1.3;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-sku{color:var(--text-secondary);display:block;font-size:24rpx}.price-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;padding-top:24rpx}.price-label{color:var(--text-secondary);font-size:28rpx}.price-value{color:var(--accent-primary);font-size:32rpx;font-variant-numeric:tabular-nums;font-weight:700}.address-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:16rpx}.address-header .flex-center{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.address-title{color:var(--text-primary);font-size:32rpx;font-weight:700}.address-change{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-secondary-soft);border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:56rpx;padding:0 24rpx}.change-text{color:var(--accent-secondary);font-size:24rpx;font-weight:500}.address-body{padding-top:8rpx}.address-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.address-name{color:var(--text-primary);font-size:32rpx;font-weight:700}.address-phone{color:var(--text-secondary);font-size:24rpx}.address-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.address-empty{color:var(--text-secondary);font-size:28rpx;padding:32rpx 0;text-align:center}.meta-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:8rpx}.meta-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;padding:20rpx 0}.meta-row:last-child{border-bottom:none;padding-bottom:0}.meta-label{color:var(--text-secondary);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:26rpx}.meta-value{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:26rpx;font-weight:500;text-align:right;word-break:break-all}.addr-picker-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx}.addr-picker-title{color:var(--text-primary);font-size:36rpx;font-weight:700}.addr-picker-close{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:50%;color:var(--text-secondary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;height:64rpx;-webkit-justify-content:center;justify-content:center;width:64rpx}.addr-picker-list{-webkit-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.addr-picker-item{border:1rpx solid transparent;border-radius:16rpx;padding:24rpx;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease}.addr-picker-item + .addr-picker-item{margin-top:16rpx}.addr-picker-item.active{background:var(--accent-primary-soft);border-color:var(--accent-primary)}.addr-picker-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-bottom:8rpx}.addr-picker-name{color:var(--text-primary);font-size:30rpx;font-weight:700}.addr-picker-phone{color:var(--text-secondary);font-size:24rpx}.addr-picker-default{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--accent-primary-soft);border-radius:999rpx;color:var(--accent-primary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:20rpx;font-weight:600;height:40rpx;padding:0 16rpx}.addr-picker-detail{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.addr-picker-empty{color:var(--text-secondary);font-size:28rpx;padding:48rpx 32rpx;text-align:center}.addr-picker-add{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;height:96rpx;-webkit-justify-content:center;justify-content:center;margin-top:24rpx}.addr-picker-add-text{color:var(--accent-secondary);font-size:28rpx;font-weight:600}.page-bottom-spacer{height:48rpx} \ No newline at end of file diff --git a/dist/pages/orders/index.js b/dist/pages/orders/index.js index a016c42..cbe3eb6 100644 --- a/dist/pages/orders/index.js +++ b/dist/pages/orders/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[402],{2307:function(e,s,a){var n=a(7842),r=a(5544),t=a(118),c=a(758),o=a.n(c),l=a(6540),i=a(8594),d=a(8199),u=a(9703),h=a(9201),p=a(5414),m=a(7723),x=a(9674),g=a(4848),b=[{code:"all",label:"\u5168\u90e8"},{code:"pending",label:"\u5f85\u4ed8\u6b3e"},{code:"paid",label:"\u5f85\u53d1\u8d27"},{code:"shipping",label:"\u5f85\u6536\u8d27"},{code:"done",label:"\u5df2\u5b8c\u6210"}],j={pending:{label:"\u5f85\u4ed8\u6b3e",badge:"badge-pink"},paid:{label:"\u5f85\u53d1\u8d27",badge:"badge-blue"},shipping:{label:"\u5f85\u6536\u8d27",badge:"badge-blue"},done:{label:"\u5df2\u5b8c\u6210",badge:"badge-green"},cancelled:{label:"\u5df2\u53d6\u6d88",badge:"badge-gray"}};function f(){var e=(0,u.wR)(),s=(e.theme,e.resolvedTheme),a=(0,h.c)();(0,p.l)(s);var n=(0,l.useState)("all"),c=(0,r.A)(n,2),f=c[0],N=c[1],S=(0,l.useState)([]),v=(0,r.A)(S,2),E=v[0],Y=v[1],T=function(){return Y((0,i.n7)())};(0,l.useEffect)(T,[]),(0,l.useEffect)(function(){var e=function(){var e=o().getStorageSync("orders:filter");e&&b.some(function(s){return s.code===e})&&(N(e),o().removeStorageSync("orders:filter")),T()};e();var s=o().getCurrentInstance().page;if(s){var a=s.onShow;s.onShow=function(){e(),a&&a.apply(this)}}},[]),(0,l.useEffect)(function(){var e,s;return null===(e=o().eventCenter)||void 0===e||null===(s=e.once)||void 0===s||s.call(e,"orders:refresh",T),T(),function(){var e,s;null===(e=o().eventCenter)||void 0===e||null===(s=e.off)||void 0===s||s.call(e,"orders:refresh",T)}},[]);var w="all"===f?E:E.filter(function(e){return e.statusCode===f}),y=function(e){o().navigateTo({url:"/pages/orderDetail/index?orderId=".concat(e.id)})};return(0,g.jsxs)(t.Ss,{className:"theme-".concat(s),children:[(0,g.jsx)(x.A,{}),(0,g.jsx)(m.A,{children:(0,g.jsxs)(t.Ss,{className:"orders-page",children:[(0,g.jsxs)(t.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:[(0,g.jsx)(t.Ss,{className:"star-badge"}),(0,g.jsx)(t.EY,{className:"page-title",children:"\u6211\u7684\u8ba2\u5355"})]}),(0,g.jsx)(t.Ss,{className:"status-tabs",children:(0,g.jsx)(t.BM,{className:"tabs-scroll",scrollX:!0,children:b.map(function(e){return(0,g.jsxs)(t.Ss,{className:"tab-item ".concat(f===e.code?"active":""),onTap:function(){return N(e.code)},children:[(0,g.jsx)(t.EY,{className:"tab-label",children:e.label}),f===e.code&&(0,g.jsx)(t.Ss,{className:"tab-underline"})]},e.code)})})}),(0,g.jsxs)(t.BM,{className:"orders-list",scrollY:!0,children:[w.map(function(e){var s,a=j[e.statusCode]||j.pending,n=null!==(s=e.productIcon)&&void 0!==s&&s.startsWith("/icon/")||/^https?:/i.test(e.productIcon||"")?e.productIcon:"/icon/\u56db\u89d2\u661f.svg",r=(0,d.uq)(n);return(0,g.jsxs)(t.Ss,{className:"order-card dashed-card",onTap:function(){return y(e)},children:[(0,g.jsx)(t.Ss,{className:"star-badge"}),(0,g.jsxs)(t.Ss,{className:"order-header",children:[(0,g.jsx)(t.EY,{className:"order-date",children:e.date}),(0,g.jsx)(t.EY,{className:"badge ".concat(a.badge),children:a.label})]}),(0,g.jsxs)(t.Ss,{className:"order-body",children:[(0,g.jsx)(t.Ss,{className:"order-icon-wrapper",children:(0,g.jsx)(t._V,{className:"order-icon-img",src:r,mode:"aspectFit"})}),(0,g.jsxs)(t.Ss,{className:"order-info",children:[(0,g.jsx)(t.EY,{className:"order-product",children:e.productName}),(0,g.jsx)(t.EY,{className:"order-sku",children:e.sku}),(0,g.jsxs)(t.EY,{className:"order-meta",children:["\u6570\u91cf: ",e.count," \u4ef6 | ",e.id]})]})]}),(0,g.jsxs)(t.Ss,{className:"order-footer",children:[(0,g.jsxs)(t.Ss,{className:"order-price-bar",children:[(0,g.jsx)(t.EY,{className:"price-label",children:"\u5b9e\u4ed8\u6b3e"}),(0,g.jsx)(t.EY,{className:"price-value",children:e.price})]}),(0,g.jsxs)(t.Ss,{className:"order-actions",children:["pending"===e.statusCode&&(0,g.jsx)(t.Ss,{className:"btn-gradient order-btn",children:(0,g.jsx)(t.EY,{children:"\u7acb\u5373\u4ed8\u6b3e"})}),"paid"===e.statusCode&&(0,g.jsx)(t.Ss,{className:"btn-outline order-btn",children:(0,g.jsx)(t.EY,{children:"\u50ac\u53d1\u8d27"})}),"shipping"===e.statusCode&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(t.Ss,{className:"btn-outline order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u67e5\u770b\u7269\u6d41",icon:"none"})},children:(0,g.jsx)(t.EY,{children:"\u67e5\u770b\u7269\u6d41"})}),(0,g.jsx)(t.Ss,{className:"btn-gradient order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u786e\u8ba4\u6536\u8d27",icon:"none"})},children:(0,g.jsx)(t.EY,{children:"\u786e\u8ba4\u6536\u8d27"})})]}),"done"===e.statusCode&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(t.Ss,{className:"btn-outline order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u7533\u8bf7\u552e\u540e",icon:"none"})},children:(0,g.jsx)(t.EY,{children:"\u7533\u8bf7\u552e\u540e"})}),(0,g.jsx)(t.Ss,{className:"btn-gradient order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u518d\u6765\u4e00\u5355",icon:"none"})},children:(0,g.jsx)(t.EY,{children:"\u518d\u6765\u4e00\u5355"})})]}),(0,g.jsx)(t.Ss,{className:"btn-outline order-btn",onTap:function(s){s.stopPropagation(),y(e)},children:(0,g.jsx)(t.EY,{children:"\u8be6\u60c5"})})]})]})]},e.id)}),0===w.length&&(0,g.jsxs)(t.Ss,{className:"empty-state",children:[(0,g.jsx)(t._V,{className:"empty-icon-img",src:(0,d.uq)("/icon/\u5305\u88f9.png"),mode:"aspectFit"}),(0,g.jsx)(t.EY,{className:"empty-text",children:"\u6682\u65e0\u8ba2\u5355"}),(0,g.jsx)(t.EY,{className:"empty-sub",children:"\u53bb\u9996\u9875\u5f00\u59cb\u5b9a\u5236\u5427"}),(0,g.jsx)(t.Ss,{className:"btn-gradient",onTap:function(){return o().switchTab({url:"/pages/index/index"})},children:(0,g.jsx)(t.EY,{children:"\u53bb\u5b9a\u5236"})})]})]}),(0,g.jsx)(t.Ss,{style:{height:"40px"}})]})})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8ba2\u5355\u5217\u8868"};Page((0,n.createPageConfig)(f,"pages/orders/index",{root:{cn:[]}},N||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(2307)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[402],{2307:function(e,s,n){var a=n(7842),r=n(5544),c=n(118),t=n(758),o=n.n(t),l=n(6540),i=n(8594),d=n(8199),p=n(9703),u=n(9201),h=n(5414),m=n(7723),x=n(9674),b=n(4848),g=[{code:"all",label:"\u5168\u90e8"},{code:"pending",label:"\u5f85\u4ed8\u6b3e"},{code:"paid",label:"\u5f85\u53d1\u8d27"},{code:"shipping",label:"\u5f85\u6536\u8d27"},{code:"done",label:"\u5df2\u5b8c\u6210"}],j={pending:{label:"\u5f85\u4ed8\u6b3e",badge:"badge-pink"},paid:{label:"\u5f85\u53d1\u8d27",badge:"badge-blue"},shipping:{label:"\u5f85\u6536\u8d27",badge:"badge-blue"},done:{label:"\u5df2\u5b8c\u6210",badge:"badge-green"},cancelled:{label:"\u5df2\u53d6\u6d88",badge:"badge-gray"}};function f(){var e=(0,p.wR)(),s=(e.theme,e.resolvedTheme),n=(0,u.c)();(0,h.l)(s);var a=(0,l.useState)("all"),t=(0,r.A)(a,2),f=t[0],N=t[1],S=(0,l.useState)([]),v=(0,r.A)(S,2),E=v[0],Y=v[1],y=function(){return Y((0,i.n7)())};(0,l.useEffect)(y,[]),(0,l.useEffect)(function(){var e=function(){var e=o().getStorageSync("orders:filter");e&&g.some(function(s){return s.code===e})&&(N(e),o().removeStorageSync("orders:filter")),y()};e();var s=o().getCurrentInstance().page;if(s){var n=s.onShow;s.onShow=function(){e(),n&&n.apply(this)}}},[]),(0,l.useEffect)(function(){return o().eventCenter&&o().eventCenter.once("orders:refresh",y),y(),function(){o().eventCenter&&o().eventCenter.off("orders:refresh",y)}},[]);var T="all"===f?E:E.filter(function(e){return e.statusCode===f}),w=function(e){o().navigateTo({url:"/pages/orderDetail/index?orderId=".concat(e.id)})};return(0,b.jsxs)(c.Ss,{className:"theme-".concat(s),children:[(0,b.jsx)(x.A,{}),(0,b.jsx)(m.A,{children:(0,b.jsxs)(c.Ss,{className:"orders-page",children:[(0,b.jsx)(c.Ss,{className:"page-header",style:{marginTop:"".concat(n.headerPaddingTop,"px")},children:(0,b.jsx)(c.EY,{className:"page-title",children:"\u6211\u7684\u8ba2\u5355"})}),(0,b.jsx)(c.Ss,{className:"status-tabs",children:(0,b.jsx)(c.BM,{className:"tabs-scroll",scrollX:!0,children:g.map(function(e){return(0,b.jsxs)(c.Ss,{className:"tab-item ".concat(f===e.code?"active":""),onTap:function(){return N(e.code)},children:[(0,b.jsx)(c.EY,{className:"tab-label",children:e.label}),f===e.code&&(0,b.jsx)(c.Ss,{className:"tab-underline"})]},e.code)})})}),(0,b.jsxs)(c.BM,{className:"orders-list",scrollY:!0,children:[T.map(function(e){var s=j[e.statusCode]||j.pending,n=(e.productIcon||"").startsWith("/icon/")||/^https?:/i.test(e.productIcon||"")?e.productIcon:"/icon/\u56db\u89d2\u661f.svg",a=(0,d.uq)(n);return(0,b.jsxs)(c.Ss,{className:"order-card surface-card",onTap:function(){return w(e)},children:[(0,b.jsxs)(c.Ss,{className:"order-header",children:[(0,b.jsx)(c.EY,{className:"order-date",children:e.date}),(0,b.jsx)(c.EY,{className:"badge ".concat(s.badge),children:s.label})]}),(0,b.jsxs)(c.Ss,{className:"order-body",children:[(0,b.jsx)(c.Ss,{className:"order-icon-wrapper",children:(0,b.jsx)(c._V,{className:"order-icon-img",src:a,mode:"aspectFit"})}),(0,b.jsxs)(c.Ss,{className:"order-info",children:[(0,b.jsx)(c.EY,{className:"order-product",children:e.productName}),(0,b.jsx)(c.EY,{className:"order-sku",children:e.sku}),(0,b.jsxs)(c.EY,{className:"order-meta",children:["\u6570\u91cf: ",e.count," \u4ef6 | ",e.id]})]})]}),(0,b.jsxs)(c.Ss,{className:"order-footer",children:[(0,b.jsxs)(c.Ss,{className:"order-price-bar",children:[(0,b.jsx)(c.EY,{className:"price-label",children:"\u5b9e\u4ed8\u6b3e"}),(0,b.jsx)(c.EY,{className:"price-value",children:e.price})]}),(0,b.jsxs)(c.Ss,{className:"order-actions",children:["pending"===e.statusCode&&(0,b.jsx)(c.Ss,{className:"btn-primary order-btn",children:(0,b.jsx)(c.EY,{children:"\u7acb\u5373\u4ed8\u6b3e"})}),"paid"===e.statusCode&&(0,b.jsx)(c.Ss,{className:"btn-secondary order-btn",children:(0,b.jsx)(c.EY,{children:"\u50ac\u53d1\u8d27"})}),"shipping"===e.statusCode&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.Ss,{className:"btn-secondary order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u67e5\u770b\u7269\u6d41",icon:"none"})},children:(0,b.jsx)(c.EY,{children:"\u67e5\u770b\u7269\u6d41"})}),(0,b.jsx)(c.Ss,{className:"btn-primary order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u786e\u8ba4\u6536\u8d27",icon:"none"})},children:(0,b.jsx)(c.EY,{children:"\u786e\u8ba4\u6536\u8d27"})})]}),"done"===e.statusCode&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.Ss,{className:"btn-secondary order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u7533\u8bf7\u552e\u540e",icon:"none"})},children:(0,b.jsx)(c.EY,{children:"\u7533\u8bf7\u552e\u540e"})}),(0,b.jsx)(c.Ss,{className:"btn-primary order-btn",onTap:function(e){e.stopPropagation(),o().showToast({title:"\u518d\u6765\u4e00\u5355",icon:"none"})},children:(0,b.jsx)(c.EY,{children:"\u518d\u6765\u4e00\u5355"})})]}),(0,b.jsx)(c.Ss,{className:"btn-secondary order-btn",onTap:function(s){s.stopPropagation(),w(e)},children:(0,b.jsx)(c.EY,{children:"\u8be6\u60c5"})})]})]})]},e.id)}),0===T.length&&(0,b.jsxs)(c.Ss,{className:"empty-state",children:[(0,b.jsx)(c._V,{className:"empty-icon-img",src:(0,d.uq)("/icon/\u5305\u88f9.png"),mode:"aspectFit"}),(0,b.jsx)(c.EY,{className:"empty-text",children:"\u6682\u65e0\u8ba2\u5355"}),(0,b.jsx)(c.EY,{className:"empty-sub",children:"\u53bb\u9996\u9875\u5f00\u59cb\u5b9a\u5236\u5427"}),(0,b.jsx)(c.Ss,{className:"btn-primary",onTap:function(){return o().switchTab({url:"/pages/index/index"})},children:(0,b.jsx)(c.EY,{children:"\u53bb\u5b9a\u5236"})})]})]})]})})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8ba2\u5355\u5217\u8868"};Page((0,a.createPageConfig)(f,"pages/orders/index",{root:{cn:[]}},N||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(2307)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/orders/index.wxss b/dist/pages/orders/index.wxss index 52f4b99..6f12d6b 100644 --- a/dist/pages/orders/index.wxss +++ b/dist/pages/orders/index.wxss @@ -1 +1 @@ -.orders-page{min-height:100vh;padding:0 24rpx 24rpx}.page-header{margin:20rpx 0 0;padding:32rpx 32rpx 24rpx}.status-tabs{margin:20rpx 0}.tabs-scroll{white-space:nowrap}.tab-item{display:inline-block;padding:20rpx 32rpx;position:relative}.tab-label{color:#b08d8d;font-size:28rpx;font-weight:500}.tab-item.active .tab-label{color:#ff9a9e;font-weight:700}.tab-underline{background:#ff9a9e;border-radius:4rpx;bottom:8rpx;height:4rpx;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:40rpx}.orders-list{padding:0}.order-card{margin-bottom:24rpx;padding:28rpx}.order-header{-ms-flex-pack:justify;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:2rpx dashed #fce4ec;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20rpx;padding-bottom:20rpx}.order-date{color:#b08d8d;font-size:24rpx}.order-body{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20rpx}.order-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,#fff0f5,#e3f2fd);background:linear-gradient(135deg,#fff0f5,#e3f2fd);border-radius:16rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:120rpx;-webkit-justify-content:center;justify-content:center;margin-right:20rpx;width:120rpx}.order-icon{font-size:56rpx}.order-icon-img{height:56rpx;width:56rpx}.order-info{-webkit-flex:1;-ms-flex:1;flex:1}.order-product{color:#5c3a3a;display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.order-sku{color:#b08d8d;display:block;font-size:24rpx;margin-bottom:8rpx}.order-meta{color:#ccc;display:block;font-size:22rpx}.order-footer{border-top:2rpx dashed #fce4ec;padding-top:16rpx}.order-price-bar{-ms-flex-align:baseline;-ms-flex-pack:end;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:20rpx}.price-label{color:#b08d8d;font-size:24rpx;margin-right:8rpx}.price-value{color:#ff6b81;font-size:36rpx;font-weight:800}.order-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:flex-end;justify-content:flex-end}.order-btn{border-radius:40rpx!important;font-size:26rpx!important;padding:14rpx 28rpx!important}.empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:120rpx 40rpx}.empty-icon-img{height:56rpx;margin-bottom:24rpx;width:56rpx}.empty-text{color:var(--text-primary);font-size:36rpx;font-weight:700;margin-bottom:12rpx}.empty-sub{color:var(--text-secondary);font-size:28rpx;margin-bottom:40rpx} \ No newline at end of file +.orders-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx 48rpx}.orders-page .page-header{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;padding-bottom:32rpx}.orders-page .page-title{color:var(--text-primary);display:block;font-size:44rpx;font-weight:700;letter-spacing:0;line-height:1.2}.orders-page .status-tabs{margin:8rpx 0 32rpx}.orders-page .tabs-scroll{white-space:nowrap}.orders-page .tab-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:999rpx;color:var(--text-secondary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:26rpx;font-weight:500;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-right:16rpx;padding:0 32rpx}.orders-page .tab-item.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-page);font-weight:600}.orders-page .tab-label{color:inherit}.orders-page .tab-underline{display:none}.orders-page .orders-list{padding:0 0 8rpx}.orders-page .order-card{border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);margin-bottom:24rpx;padding:28rpx;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.orders-page .order-card:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.orders-page .order-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx;padding-bottom:20rpx}.orders-page .order-date{color:var(--text-secondary);display:block;font-size:24rpx;min-width:0}.orders-page .order-card .badge{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:22rpx;font-weight:600;height:40rpx;-webkit-justify-content:center;justify-content:center;line-height:1;padding:0 16rpx}.orders-page .order-body{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;margin-bottom:24rpx}.orders-page .order-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:96rpx;-webkit-justify-content:center;justify-content:center;width:96rpx}.orders-page .order-icon-img{height:56rpx;width:56rpx}.orders-page .order-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.orders-page .order-product{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;line-height:1.3;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page .order-sku{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4;margin-bottom:6rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page .order-meta{color:var(--text-muted);display:block;font-size:22rpx;font-variant-numeric:tabular-nums;line-height:1.4}.orders-page .order-footer{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;padding-top:20rpx}.orders-page .order-price-bar{-ms-flex-align:baseline;-ms-flex-negative:0;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0}.orders-page .price-label{color:var(--text-secondary);font-size:24rpx;margin-right:8rpx}.orders-page .price-value{color:var(--accent-primary);font-size:34rpx;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.orders-page .order-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12rpx;-webkit-justify-content:flex-end;justify-content:flex-end}.orders-page .order-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:26rpx;font-weight:600;height:64rpx;-webkit-justify-content:center;justify-content:center;line-height:1.2;padding:0 28rpx}.orders-page .empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:80rpx 32rpx;text-align:center}.orders-page .empty-icon-img{height:88rpx;margin-bottom:24rpx;width:88rpx}.orders-page .empty-text{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:12rpx}.orders-page .empty-sub{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.orders-page .empty-state .btn-primary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;min-width:280rpx;padding:0 48rpx} \ No newline at end of file diff --git a/dist/pages/product/index.js b/dist/pages/product/index.js index 5f76056..d5103b3 100644 --- a/dist/pages/product/index.js +++ b/dist/pages/product/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[612],{4120:function(s,a,e){var c=e(7842),n=e(5544),l=e(118),r=e(758),i=e.n(r),t=e(6540),d=e(5234),o=e(8594),m=e(9703),h=e(9201),x=e(5414),j=e(9674),u=e(4848),N=["#FFE4EC","#FFF0F5","#FCE4EC"];function p(){var s,a=(0,m.wR)(),e=(a.theme,a.resolvedTheme),c=(0,h.c)();(0,x.l)(e);var r=(0,t.useState)(!1),p=(0,n.A)(r,2),S=p[0],g=p[1],f=(0,t.useState)(1),E=(0,n.A)(f,2),b=E[0],Y=E[1],v=null===(s=i().getCurrentInstance().router)||void 0===s?void 0:s.params,y=(null===v||void 0===v?void 0:v.id)||"",T=(0,d.y9)(y);if(!T)return(0,u.jsxs)(l.Ss,{className:"theme-".concat(e),children:[(0,u.jsx)(j.A,{}),(0,u.jsx)(l.Ss,{className:"product-page",children:(0,u.jsx)(l.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(c.headerPaddingTop,"px")},children:(0,u.jsx)(l.EY,{className:"page-title",children:"\u5546\u54c1\u672a\u627e\u5230"})})})]});var w=function(){Y(1),g(!0)},F=function(){(0,o.cY)(T,b),g(!1),i().showToast({title:"\u5df2\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355 x".concat(b),icon:"success"}),setTimeout(function(){return i().navigateBack()},1200)},k=function(){i().navigateTo({url:"/pages/diy/index?source=product&productId=".concat(T.id,"&quantity=1")})},C=function(s){Y(function(a){return Math.max(1,Math.min(99,a+s))})};return(0,u.jsxs)(l.Ss,{className:"theme-".concat(e),children:[(0,u.jsx)(j.A,{}),(0,u.jsxs)(l.Ss,{className:"product-page",children:[(0,u.jsxs)(l.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(c.headerPaddingTop,"px")},children:[(0,u.jsx)(l.Ss,{className:"star-badge"}),(0,u.jsxs)(l.Ss,{className:"flex-between",children:[(0,u.jsx)(l.EY,{className:"back-btn",onTap:function(){return i().navigateBack()},children:"\u2190"}),(0,u.jsx)(l.EY,{className:"page-title",children:"\u5546\u54c1\u8be6\u60c5"}),(0,u.jsx)(l.Ss,{style:{width:"60px"}})]})]}),(0,u.jsx)(l.Ss,{className:"hero-section mt-20",children:(0,u.jsx)(l.RC,{className:"hero-swiper",circular:!0,autoplay:!0,interval:3e3,duration:500,indicatorDots:!0,indicatorColor:"rgba(0,0,0,0.2)",indicatorActiveColor:"#ff9a9e",children:T.images&&T.images.length>0?T.images.map(function(s,a){return(0,u.jsx)(l.wu,{children:(0,u.jsxs)(l.Ss,{className:"hero-card dashed-card",children:[(0,u.jsx)(l.Ss,{className:"star-badge"}),(0,u.jsx)(l._V,{className:"hero-image",src:s,mode:"aspectFit"})]})},a)}):N.map(function(s,a){return(0,u.jsx)(l.wu,{children:(0,u.jsxs)(l.Ss,{className:"hero-card dashed-card",style:{background:s},children:[(0,u.jsx)(l.Ss,{className:"star-badge"}),(0,u.jsx)(l._V,{className:"hero-icon-img",src:(0,d.QE)(T),mode:"aspectFit"}),(0,u.jsx)(l.EY,{className:"hero-name",children:T.name})]})},a)})})}),(0,u.jsxs)(l.Ss,{className:"info-section dashed-card mt-20",children:[(0,u.jsx)(l.Ss,{className:"star-badge"}),(0,u.jsxs)(l.Ss,{className:"info-row",children:[(0,u.jsx)(l.EY,{className:"info-label",children:"\u5355\u4ef7"}),(0,u.jsxs)(l.EY,{className:"info-price",children:["\xa5",T.price]})]}),(0,u.jsxs)(l.Ss,{className:"info-row",children:[(0,u.jsx)(l.EY,{className:"info-label",children:"\u5de5\u671f"}),(0,u.jsx)(l.EY,{className:"info-value",children:T.leadTime})]}),(0,u.jsxs)(l.Ss,{className:"info-row",children:[(0,u.jsx)(l.EY,{className:"info-label",children:"\u5c3a\u5bf8"}),(0,u.jsxs)(l.EY,{className:"info-value",children:[T.mask.width," \xd7 ",T.mask.height," px"]})]})]}),(0,u.jsxs)(l.Ss,{className:"detail-section dashed-card mt-20",children:[(0,u.jsx)(l.Ss,{className:"star-badge"}),(0,u.jsx)(l.EY,{className:"section-title",children:"\u5546\u54c1\u4ecb\u7ecd"}),(0,u.jsx)(l.EY,{className:"detail-text",children:T.description})]}),(0,u.jsxs)(l.Ss,{className:"action-bar",children:[(0,u.jsxs)(l.Ss,{className:"price-summary",children:[(0,u.jsx)(l.EY,{className:"summary-label",children:"\u8d77\u4ef7"}),(0,u.jsxs)(l.EY,{className:"summary-price",children:["\xa5",T.price]})]}),(0,u.jsx)(l.Ss,{className:"btn-outline",onTap:w,children:(0,u.jsx)(l.EY,{children:"\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355"})}),(0,u.jsx)(l.Ss,{className:"btn-gradient",onTap:k,children:(0,u.jsx)(l.EY,{children:"\u7acb\u5373\u4e0b\u5355"})})]}),(0,u.jsx)(l.Ss,{className:"safe-bottom-placeholder"}),S&&(0,u.jsx)(l.Ss,{className:"modal-overlay",children:(0,u.jsxs)(l.Ss,{className:"modal-card dashed-card",children:[(0,u.jsx)(l.Ss,{className:"star-badge"}),(0,u.jsx)(l.EY,{className:"modal-title",children:"\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355"}),(0,u.jsxs)(l.Ss,{className:"modal-product",children:[(0,u.jsx)(l._V,{className:"modal-icon-img",src:(0,d.QE)(T),mode:"aspectFit"}),(0,u.jsx)(l.EY,{className:"modal-name",children:T.name})]}),(0,u.jsxs)(l.Ss,{className:"quantity-row",children:[(0,u.jsx)(l.EY,{className:"qty-label",children:"\u6570\u91cf"}),(0,u.jsxs)(l.Ss,{className:"qty-control",children:[(0,u.jsx)(l.Ss,{className:"qty-btn",onTap:function(){return C(-1)},children:"\uff0d"}),(0,u.jsx)(l.EY,{className:"qty-num",children:b}),(0,u.jsx)(l.Ss,{className:"qty-btn",onTap:function(){return C(1)},children:"\uff0b"})]})]}),(0,u.jsxs)(l.Ss,{className:"modal-total",children:[(0,u.jsx)(l.EY,{className:"total-label",children:"\u5c0f\u8ba1"}),(0,u.jsxs)(l.EY,{className:"total-price",children:["\xa5",(T.price*b).toFixed(2)]})]}),(0,u.jsxs)(l.Ss,{className:"modal-actions",children:[(0,u.jsx)(l.Ss,{className:"btn-outline",onTap:function(){return g(!1)},children:(0,u.jsx)(l.EY,{children:"\u53d6\u6d88"})}),(0,u.jsx)(l.Ss,{className:"btn-gradient",onTap:F,children:(0,u.jsx)(l.EY,{children:"\u786e\u5b9a"})})]})]})})]})]})}var S={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u5546\u54c1\u8be6\u60c5"};Page((0,c.createPageConfig)(p,"pages/product/index",{root:{cn:[]}},S||{}))}},function(s){var a=function(a){return s(s.s=a)};s.O(0,[907,96,76],function(){return a(4120)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[612],{4120:function(s,e,a){var c=a(7842),r=a(5544),l=a(118),n=a(758),i=a.n(n),t=a(6540),d=a(5234),o=a(8594),m=a(9703),h=a(9201),x=a(5414),j=a(9674),p=a(9513),N=a(4848);function u(){var s=(0,m.wR)(),e=(s.theme,s.resolvedTheme),a=(0,h.c)();(0,x.l)(e);var c=(0,t.useState)(!1),n=(0,r.A)(c,2),u=n[0],S=n[1],g=(0,t.useState)(1),E=(0,r.A)(g,2),Y=E[0],f=E[1],v=i().getCurrentInstance().router,y=v?v.params:void 0,b=y&&y.id?y.id:"",k=(0,d.y9)(b);if(!k)return(0,N.jsxs)(l.Ss,{className:"theme-".concat(e),children:[(0,N.jsx)(j.A,{}),(0,N.jsx)(l.Ss,{className:"product-page",children:(0,N.jsx)(l.Ss,{className:"page-header",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:(0,N.jsxs)(l.Ss,{className:"page-header-inner",children:[(0,N.jsx)(l.Ss,{className:"back-btn",onTap:function(){return i().navigateBack()},children:(0,N.jsx)(l.EY,{className:"back-arrow",children:"\u2190"})}),(0,N.jsx)(l.EY,{className:"nav-title",children:"\u5546\u54c1\u672a\u627e\u5230"}),(0,N.jsx)(l.Ss,{className:"nav-placeholder"})]})})})]});var T=k.specs&&k.specs.length>0?k.specs.find(function(s){return s[0].indexOf("\u5de5\u827a")>=0}):void 0,w=T?T[1]:"\u6fc0\u5149\u5fae\u96d5",P=function(){f(1),S(!0)},q=function(){(0,o.cY)(k,Y),S(!1),i().showToast({title:"\u5df2\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355 x".concat(Y),icon:"success"}),setTimeout(function(){return i().navigateBack()},1200)},A=function(){i().navigateTo({url:"/pages/diy/index?source=product&productId=".concat(k.id,"&quantity=1")})},C=function(s){f(function(e){return Math.max(1,Math.min(99,e+s))})};return(0,N.jsxs)(l.Ss,{className:"theme-".concat(e),children:[(0,N.jsx)(j.A,{}),(0,N.jsxs)(l.Ss,{className:"product-page",children:[(0,N.jsx)(l.Ss,{className:"page-header",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:(0,N.jsxs)(l.Ss,{className:"page-header-inner",children:[(0,N.jsx)(l.Ss,{className:"back-btn",onTap:function(){return i().navigateBack()},children:(0,N.jsx)(l.EY,{className:"back-arrow",children:"\u2190"})}),(0,N.jsx)(l.EY,{className:"nav-title",children:"\u5546\u54c1\u8be6\u60c5"}),(0,N.jsx)(l.Ss,{className:"nav-placeholder"})]})}),(0,N.jsx)(l.Ss,{className:"hero-section",children:(0,N.jsx)(l.RC,{className:"hero-swiper",circular:!0,autoplay:!0,interval:3e3,duration:500,indicatorDots:!0,indicatorColor:"var(--border-strong)",indicatorActiveColor:"var(--accent-primary)",children:k.images&&k.images.length>0?k.images.map(function(s,e){return(0,N.jsx)(l.wu,{children:(0,N.jsx)(l.Ss,{className:"hero-block",children:(0,N.jsx)(l._V,{className:"hero-image",src:s,mode:"aspectFill"})})},e)}):(0,N.jsx)(l.wu,{children:(0,N.jsx)(l.Ss,{className:"hero-block hero-block-fallback",children:(0,N.jsx)(l._V,{className:"hero-fallback-icon",src:(0,d.QE)(k),mode:"aspectFit"})})})})}),(0,N.jsx)(l.Ss,{className:"detail-card surface-card",children:(0,N.jsxs)(l.Ss,{className:"price-line",children:[(0,N.jsxs)(l.Ss,{className:"price-left",children:[(0,N.jsx)(l.EY,{className:"detail-title",children:k.name}),(0,N.jsx)(l.EY,{className:"detail-desc",children:k.desc})]}),(0,N.jsxs)(l.Ss,{className:"price-right",children:[(0,N.jsxs)(l.EY,{className:"price",children:["\xa5",k.price]}),k.originalPrice&&k.originalPrice>k.price&&(0,N.jsxs)(l.EY,{className:"price-old",children:["\xa5",k.originalPrice]})]})]})}),(0,N.jsxs)(l.Ss,{className:"detail-card surface-card",children:[(0,N.jsxs)(l.Ss,{className:"spec-row",children:[(0,N.jsx)(l.EY,{className:"spec-key",children:"\u5355\u4ef7"}),(0,N.jsxs)(l.EY,{className:"spec-value",children:["\xa5",k.price]})]}),(0,N.jsxs)(l.Ss,{className:"spec-row",children:[(0,N.jsx)(l.EY,{className:"spec-key",children:"\u5de5\u671f"}),(0,N.jsx)(l.EY,{className:"spec-value",children:k.leadTime})]}),(0,N.jsxs)(l.Ss,{className:"spec-row",children:[(0,N.jsx)(l.EY,{className:"spec-key",children:"\u5c3a\u5bf8"}),(0,N.jsxs)(l.EY,{className:"spec-value",children:[k.mask.width," \xd7 ",k.mask.height," px"]})]}),(0,N.jsxs)(l.Ss,{className:"spec-row",children:[(0,N.jsx)(l.EY,{className:"spec-key",children:"\u5b9a\u5236\u5de5\u827a"}),(0,N.jsx)(l.EY,{className:"spec-value",children:w})]})]}),(0,N.jsxs)(l.Ss,{className:"detail-card surface-card",children:[(0,N.jsx)(l.EY,{className:"section-title",children:"\u5546\u54c1\u4ecb\u7ecd"}),(0,N.jsx)(l.EY,{className:"detail-text",children:k.description})]}),(0,N.jsxs)(p.A,{children:[(0,N.jsxs)(l.Ss,{className:"price-summary",children:[(0,N.jsx)(l.EY,{className:"summary-label",children:"\u8d77\u4ef7"}),(0,N.jsxs)(l.EY,{className:"summary-price",children:["\xa5",k.price]})]}),(0,N.jsx)(l.Ss,{className:"btn-secondary",onTap:P,children:(0,N.jsx)(l.EY,{children:"\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355"})}),(0,N.jsx)(l.Ss,{className:"btn-primary",onTap:A,children:(0,N.jsx)(l.EY,{children:"\u7acb\u5373\u4e0b\u5355"})})]}),(0,N.jsx)(l.Ss,{className:"safe-bottom-placeholder"}),u&&(0,N.jsx)(l.Ss,{className:"modal-overlay",children:(0,N.jsxs)(l.Ss,{className:"modal-card surface-card",children:[(0,N.jsx)(l.EY,{className:"modal-title",children:"\u52a0\u5165\u8bbe\u8ba1\u6e05\u5355"}),(0,N.jsxs)(l.Ss,{className:"modal-product",children:[(0,N.jsx)(l._V,{className:"modal-icon-img",src:(0,d.QE)(k),mode:"aspectFit"}),(0,N.jsx)(l.EY,{className:"modal-name",children:k.name})]}),(0,N.jsxs)(l.Ss,{className:"quantity-row",children:[(0,N.jsx)(l.EY,{className:"qty-label",children:"\u6570\u91cf"}),(0,N.jsxs)(l.Ss,{className:"qty-control",children:[(0,N.jsx)(l.Ss,{className:"qty-btn",onTap:function(){return C(-1)},children:"\uff0d"}),(0,N.jsx)(l.EY,{className:"qty-num",children:Y}),(0,N.jsx)(l.Ss,{className:"qty-btn",onTap:function(){return C(1)},children:"\uff0b"})]})]}),(0,N.jsxs)(l.Ss,{className:"modal-total",children:[(0,N.jsx)(l.EY,{className:"total-label",children:"\u5c0f\u8ba1"}),(0,N.jsxs)(l.EY,{className:"total-price",children:["\xa5",(k.price*Y).toFixed(2)]})]}),(0,N.jsxs)(l.Ss,{className:"modal-actions",children:[(0,N.jsx)(l.Ss,{className:"btn-secondary",onTap:function(){return S(!1)},children:(0,N.jsx)(l.EY,{children:"\u53d6\u6d88"})}),(0,N.jsx)(l.Ss,{className:"btn-primary",onTap:q,children:(0,N.jsx)(l.EY,{children:"\u786e\u5b9a"})})]})]})})]})]})}var S={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u5546\u54c1\u8be6\u60c5"};Page((0,c.createPageConfig)(u,"pages/product/index",{root:{cn:[]}},S||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(4120)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/product/index.wxss b/dist/pages/product/index.wxss index 175bd02..0e064f0 100644 --- a/dist/pages/product/index.wxss +++ b/dist/pages/product/index.wxss @@ -1 +1 @@ -.product-page{padding:0 24rpx 184rpx}.back-btn{font-size:40rpx;padding:10rpx}.hero-section{margin-top:20rpx}.hero-swiper{height:400rpx}.hero-card{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;text-align:center}.hero-icon{font-size:100rpx;margin-bottom:16rpx}.hero-icon-img{height:100rpx;margin-bottom:16rpx;width:100rpx}.hero-name{color:var(--text-primary);font-size:36rpx;font-weight:700}.hero-image{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.info-section{padding:24rpx}.info-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20rpx 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:28rpx}.info-price{color:var(--accent-pink);font-size:40rpx;font-weight:800}.info-value{color:var(--text-primary);font-size:28rpx}.detail-section{padding:24rpx}.detail-text{color:var(--text-secondary);font-size:28rpx;line-height:1.8}.action-bar .price-summary{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.summary-label{color:var(--text-secondary);display:block;font-size:22rpx}.summary-price{color:var(--accent-pink);font-size:36rpx;font-weight:700}.modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;padding:48rpx;position:fixed;right:0;top:0;z-index:1000}.modal-card{max-width:600rpx;padding:40rpx;width:100%}.modal-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.modal-product{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:32rpx}.modal-icon{font-size:48rpx}.modal-icon-img{height:48rpx;width:48rpx}.modal-name{color:var(--text-primary);font-size:32rpx;font-weight:600}.quantity-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.qty-label{color:var(--text-secondary);font-size:28rpx}.qty-control{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx}.qty-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:var(--line-card);border-radius:12rpx;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:32rpx;font-weight:600;height:60rpx;-webkit-justify-content:center;justify-content:center;width:60rpx}.qty-num{color:var(--text-primary);font-size:32rpx;font-weight:700;min-width:48rpx;text-align:center}.modal-total{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx dashed rgba(0,0,0,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx;padding-top:24rpx}.total-label{color:var(--text-secondary);font-size:28rpx}.total-price{color:var(--accent-pink);font-size:36rpx;font-weight:800}.modal-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.modal-actions .btn-gradient,.modal-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:20rpx 0} \ No newline at end of file +.product-page{padding:0 32rpx 512rpx}.page-header{margin-bottom:24rpx;padding:0 24rpx 24rpx;position:relative;z-index:10}.page-header-inner{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;min-height:88rpx}.back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.nav-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-placeholder{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.hero-section{width:100%}.hero-swiper{height:560rpx}.hero-block{background:var(--bg-muted);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);height:100%;overflow:hidden;position:relative}.hero-image{height:100%;width:100%}.hero-block-fallback{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(290deg,var(--accent-primary-strong),var(--accent-secondary));background:linear-gradient(160deg,var(--accent-primary-strong),var(--accent-secondary));display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.hero-fallback-icon{height:140rpx;margin-bottom:24rpx;width:140rpx}.detail-card{margin-top:24rpx;padding:32rpx}.price-line{-ms-flex-align:end;-ms-flex-pack:justify;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between}.price-left{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.detail-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;line-height:1.3}.detail-desc{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4;margin-top:8rpx}.price-right{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;text-align:right}.price{color:var(--accent-primary);display:block;font-size:40rpx;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.price-old{color:var(--text-muted);display:block;font-size:24rpx;font-variant-numeric:tabular-nums;margin-top:6rpx;text-decoration:line-through}.spec-row{-ms-flex-align:start;-ms-flex-pack:justify;-webkit-align-items:flex-start;align-items:flex-start;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;padding:24rpx 0}.spec-row:last-child{border-bottom:none;padding-bottom:0}.spec-key{color:var(--text-secondary);-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:26rpx}.spec-value{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:26rpx;font-weight:600;text-align:right;word-break:break-all}.detail-card .section-title{font-size:32rpx;font-weight:700;margin-bottom:24rpx}.detail-text{color:var(--text-secondary);display:block;font-size:28rpx;line-height:1.8}.bottom-action-bar{gap:20rpx;padding-left:32rpx;padding-right:32rpx}.bottom-action-bar .price-summary{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.summary-label{color:var(--text-secondary);display:block;font-size:22rpx}.summary-price{color:var(--accent-primary);display:block;font-size:36rpx;font-variant-numeric:tabular-nums;font-weight:700}.summary-original{color:var(--text-muted);display:block;font-size:22rpx;font-variant-numeric:tabular-nums;margin-top:2rpx;text-decoration:line-through}.bottom-action-bar .btn-primary,.bottom-action-bar .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;line-height:1.2;padding:28rpx 0;text-align:center}.modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:48rpx;z-index:1000}.modal-card{max-width:640rpx;padding:40rpx;width:100%}.modal-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.modal-product{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:32rpx}.modal-icon-img{height:48rpx;width:48rpx}.modal-name{color:var(--text-primary);font-size:32rpx;font-weight:600}.quantity-row{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.qty-label{color:var(--text-secondary);font-size:28rpx}.qty-control{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx}.qty-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;color:var(--text-primary);display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:32rpx;font-weight:600;height:60rpx;-webkit-justify-content:center;justify-content:center;width:60rpx}.qty-num{color:var(--text-primary);font-size:32rpx;font-weight:700;min-width:48rpx;text-align:center}.modal-total{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx;padding-top:24rpx}.total-label{color:var(--text-secondary);font-size:28rpx}.total-price{color:var(--accent-primary);font-size:36rpx;font-variant-numeric:tabular-nums;font-weight:800}.modal-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.modal-actions .btn-primary,.modal-actions .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;padding:24rpx 0;text-align:center} \ No newline at end of file diff --git a/dist/pages/profile/index.js b/dist/pages/profile/index.js index 5966b5e..812f69e 100644 --- a/dist/pages/profile/index.js +++ b/dist/pages/profile/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[481],{2579:function(e,s,a){var n=a(7842),i=a(1212),t=a(467),r=a(5544),c=a(118),l=a(758),o=a.n(l),d=a(6540),u=a(8594),p=a(9703),g=a(9201),m=a(5414),h=a(9674),x=a(6295),f=a(3246),v=a(8199),j=a(4848),N={"\u6211\u7684\u8bbe\u8ba1":(0,v.uq)("/icon/\u8c03\u8272\u76d8.png"),"\u8bcd\u4e91\u751f\u6210":(0,v.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),"\u6536\u8d27\u5730\u5740":(0,v.uq)("/icon/\u5730\u5740.png"),"\u8054\u7cfb\u5ba2\u670d":(0,v.uq)("/icon/\u7535\u8bdd.png"),"\u4f7f\u7528\u5e2e\u52a9":(0,v.uq)("/icon/\u4f7f\u7528\u5e2e\u52a9.png"),"\u8bbe\u7f6e":(0,v.uq)("/icon/\u8bbe\u7f6e.png")},S=[{key:"toDesign",label:"\u5f85\u8bbe\u8ba1",icon:(0,v.uq)("/icon/\u4e09\u89d2\u5c3a.png")},{key:"pending",label:"\u5f85\u4ed8\u6b3e",icon:(0,v.uq)("/icon/\u56db\u89d2\u661f.svg")},{key:"paid",label:"\u5f85\u53d1\u8d27",icon:(0,v.uq)("/icon/\u5305\u88f9.png")},{key:"shipping",label:"\u5f85\u6536\u8d27",icon:(0,v.uq)("/icon/\u676f\u5b50.png")},{key:"done",label:"\u5df2\u5b8c\u6210",icon:(0,v.uq)("/icon/\u4e66\u672c.png")}],b=[{label:"\u6211\u7684\u8bbe\u8ba1",path:"/pages/designList/index"},{label:"\u8bcd\u4e91\u751f\u6210",path:"/pages/wordcloud/index"},{label:"\u6536\u8d27\u5730\u5740",path:"/pages/address/index"},{label:"\u8054\u7cfb\u5ba2\u670d",path:"/pages/service/index"},{label:"\u4f7f\u7528\u5e2e\u52a9",path:"/pages/agreement/index"},{label:"\u8bbe\u7f6e",path:"/pages/settings/index"}],k=function(){};function T(){var e=(0,p.wR)(),s=(e.theme,e.resolvedTheme),a=(0,g.c)();(0,m.l)(s);var n=(0,d.useState)(!1),T=(0,r.A)(n,2),w=T[0],y=T[1],A=(0,d.useState)({nickName:"",avatarUrl:""}),E=(0,r.A)(A,2),Y=E[0],q=E[1],U=(0,d.useState)(!1),F=(0,r.A)(U,2),P=F[0],_=F[1],D=(0,d.useState)("entry"),V=(0,r.A)(D,2),L=V[0],C=V[1],J=(0,d.useState)(""),O=(0,r.A)(J,2),B=O[0],H=O[1],I=(0,d.useState)(""),M=(0,r.A)(I,2),R=M[0],W=M[1],$=(0,d.useState)(!1),z=(0,r.A)($,2),G=z[0],K=z[1],Q=(0,d.useState)({toDesign:0,pending:0,paid:0,shipping:0,done:0}),X=(0,r.A)(Q,2),Z=X[0],ee=X[1],se=function(){var e=(0,u.n7)(),s=(0,u.p_)();ee({toDesign:s.filter(function(e){return"undesigned"===e.status||"designing"===e.status}).length,pending:e.filter(function(e){return"pending"===e.statusCode}).length,paid:e.filter(function(e){return"paid"===e.statusCode}).length,shipping:e.filter(function(e){return"shipping"===e.statusCode}).length,done:e.filter(function(e){return"done"===e.statusCode}).length})},ae=function(){var e=(0,u.ug)();null!==e&&void 0!==e&&e.openid?(y(!0),q({nickName:e.nickName||"",avatarUrl:e.avatarUrl||""})):(y(!1),q({nickName:"",avatarUrl:""})),se()};(0,l.useDidShow)(function(){ae()});var ne=function(){C("entry"),H(""),W(""),_(!0)},ie=function(){return _(!1)},te=function(e){K(!1),(0,f.Sy)(),o().showToast({title:e,icon:"none"})},re=function(e,s,a,n){var i={openid:s,nickName:a||"\u5fae\u4fe1\u7528\u6237",avatarUrl:n||"",accessToken:e,loginAt:Date.now()};(0,u.iA)(i),q({nickName:i.nickName,avatarUrl:i.avatarUrl}),y(!0),_(!1),C("entry"),K(!1),(0,f.Sy)(),o().showToast({title:"\u767b\u5f55\u6210\u529f",icon:"success"})},ce=function(){var e=(0,t.A)((0,i.A)().m(function e(){var s,a,n,t,r,c;return(0,i.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(!G){e.n=1;break}return e.a(2);case 1:return console.log("[Profile] \u767b\u5f55\u6309\u94ae\u88ab\u70b9\u51fb\uff0c\u5f00\u59cb\u767b\u5f55\u6d41\u7a0b"),K(!0),o().showLoading({title:"\u767b\u5f55\u4e2d",mask:!0}),e.p=2,e.n=3,o().login();case 3:return s=e.v,console.log("[Profile] wx.login \u6210\u529f\uff0ccode=",s.code),e.n=4,(0,x.iD)(s.code);case 4:if(a=e.v,console.log("[Profile] \u540e\u7aef /auth/login \u8fd4\u56de:",JSON.stringify(a)),null!==a&&void 0!==a&&a.accessToken){e.n=5;break}return te("\u767b\u5f55\u5931\u8d25\uff0c\u672a\u62ff\u5230 token"),e.a(2);case 5:return n="",e.p=6,e.n=7,(0,x.jp)();case 7:t=e.v,n=(null===t||void 0===t?void 0:t.openid)||"",e.n=9;break;case 8:e.p=8,e.v,n="";case 9:if(n){e.n=10;break}return te("\u767b\u5f55\u5f02\u5e38\uff0c\u8bf7\u91cd\u8bd5"),e.a(2);case 10:if(r=a.isNewUser||!a.nickname||!a.avatar,!r){e.n=11;break}return H(a.nickname||""),W(a.avatar||""),(0,f.Sy)(),K(!1),C("fill"),o().showToast({title:"\u8bf7\u8bbe\u7f6e\u5934\u50cf\u548c\u6635\u79f0",icon:"none"}),e.a(2);case 11:re(a.accessToken,n,a.nickname||"",a.avatar||""),e.n=13;break;case 12:e.p=12,c=e.v,console.error("[Profile] \u767b\u5f55\u6d41\u7a0b\u51fa\u9519:",c),te((null===c||void 0===c?void 0:c.message)||"\u540e\u7aef\u8fde\u63a5\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u7f51\u7edc");case 13:return e.a(2)}},e,null,[[6,8],[2,12]])}));return function(){return e.apply(this,arguments)}}(),le=function(){var e=(0,t.A)((0,i.A)().m(function e(){var s,a,n,t;return(0,i.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(!G){e.n=1;break}return e.a(2);case 1:return K(!0),o().showLoading({title:"\u4fdd\u5b58\u4e2d",mask:!0}),e.p=2,e.n=3,(0,x.r7)({nickname:B||void 0,avatar:R||void 0});case 3:return s="",e.p=4,e.n=5,(0,x.jp)();case 5:a=e.v,s=(null===a||void 0===a?void 0:a.openid)||"",e.n=7;break;case 6:e.p=6,e.v,s="";case 7:if(s){e.n=8;break}return te("\u4fdd\u5b58\u5f02\u5e38\uff0c\u8bf7\u91cd\u8bd5"),e.a(2);case 8:n=(0,u.ug)(),re((null===n||void 0===n?void 0:n.accessToken)||(0,x.gf)(),s,B,R),e.n=10;break;case 9:e.p=9,t=e.v,console.error("[Profile] \u4fdd\u5b58\u8d44\u6599\u51fa\u9519:",t),te((null===t||void 0===t?void 0:t.message)||"\u4fdd\u5b58\u5931\u8d25");case 10:return e.a(2)}},e,null,[[4,6],[2,9]])}));return function(){return e.apply(this,arguments)}}(),oe=function(e){W(e.detail.avatarUrl||"")},de=function(e){switch(o().hideToast(),e){case"toDesign":o().setStorageSync("designList:filter","toDesign"),o().switchTab({url:"/pages/designList/index"});break;case"pending":o().setStorageSync("orders:filter","pending"),o().switchTab({url:"/pages/orders/index"});break;case"paid":o().setStorageSync("orders:filter","paid"),o().switchTab({url:"/pages/orders/index"});break;case"shipping":o().setStorageSync("orders:filter","shipping"),o().switchTab({url:"/pages/orders/index"});break;case"done":o().setStorageSync("orders:filter","done"),o().switchTab({url:"/pages/orders/index"});break}},ue=function(e,s){if(o().hideToast(),!w&&(e.includes("designList")||e.includes("orders")))return o().showToast({title:"\u8bf7\u5148\u767b\u5f55",icon:"none"}),void _(!0);"\u8054\u7cfb\u5ba2\u670d"!==s?e.startsWith("/pages/")&&(e.includes("designList")||e.includes("orders")?o().switchTab({url:e,fail:function(e){console.error("switchTab fail",e),o().showToast({title:"\u8df3\u8f6c\u5931\u8d25",icon:"none"})}}):o().navigateTo({url:e,fail:function(e){console.error("navigateTo fail",e),o().showToast({title:"\u8df3\u8f6c\u5931\u8d25",icon:"none"})}})):o().navigateTo({url:"/pages/service/index",fail:function(e){console.error("navigateTo service fail",e),o().showToast({title:"\u8df3\u8f6c\u5931\u8d25",icon:"none"})}})};return(0,j.jsxs)(c.Ss,{className:"theme-".concat(s),style:{minHeight:"100vh"},children:[(0,j.jsx)(h.A,{}),(0,j.jsxs)(c.Ss,{className:"profile-page",children:[(0,j.jsxs)(c.Ss,{className:"profile-header dashed-card mt-20",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:[(0,j.jsx)(c.Ss,{className:"star-badge"}),(0,j.jsxs)(c.Ss,{className:"user-info",children:[w&&Y.avatarUrl?(0,j.jsx)(c._V,{className:"avatar",src:Y.avatarUrl,mode:"aspectFill"}):(0,j.jsx)(c.Ss,{className:"avatar-placeholder",onTap:ne,children:(0,j.jsx)(c._V,{className:"avatar-icon-img",src:(0,v.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"})}),(0,j.jsxs)(c.Ss,{className:"user-meta",children:[(0,j.jsx)(c.EY,{className:"user-name",onTap:w?k:ne,children:w?Y.nickName:"\u70b9\u51fb\u767b\u5f55"}),(0,j.jsx)(c.EY,{className:"user-level",children:w?"\u667a\u7ed8\u5fae\u523b\u4f1a\u5458":"\u6388\u6743\u5fae\u4fe1\uff0c\u5f00\u542f\u4e13\u5c5e\u5b9a\u5236"})]})]}),(0,j.jsxs)(c.Ss,{className:"status-grid",children:[(0,j.jsx)(c.Ss,{className:"status-row row2",children:S.slice(0,2).map(function(e){return(0,j.jsxs)(c.Ss,{className:"status-group",children:[(0,j.jsxs)(c.Ss,{className:"status-item",onTap:function(){return de(e.key)},children:[(0,j.jsx)(c._V,{className:"status-icon-img",src:e.icon,mode:"aspectFit"}),(0,j.jsx)(c.EY,{className:"status-num",children:Z[e.key]}),(0,j.jsx)(c.EY,{className:"status-label",children:e.label})]}),(0,j.jsx)(c.Ss,{className:"status-divider"})]},e.key)})}),(0,j.jsx)(c.Ss,{className:"status-divider-h"}),(0,j.jsx)(c.Ss,{className:"status-row row3",children:S.slice(2).map(function(e,s){return(0,j.jsxs)(c.Ss,{className:"status-group",children:[(0,j.jsxs)(c.Ss,{className:"status-item",onTap:function(){return de(e.key)},children:[(0,j.jsx)(c._V,{className:"status-icon-img",src:e.icon,mode:"aspectFit"}),(0,j.jsx)(c.EY,{className:"status-num",children:Z[e.key]}),(0,j.jsx)(c.EY,{className:"status-label",children:e.label})]}),s<2&&(0,j.jsx)(c.Ss,{className:"status-divider"})]},e.key)})})]})]}),(0,j.jsxs)(c.Ss,{className:"mt-20",children:[(0,j.jsx)(c.EY,{className:"section-title",children:"\u5e38\u7528\u529f\u80fd"}),(0,j.jsx)(c.Ss,{className:"menu-grid",children:b.map(function(e,s){return(0,j.jsxs)(c.Ss,{className:"menu-card dashed-card",onTap:function(){return ue(e.path,e.label)},children:[(0,j.jsx)(c.Ss,{className:"star-badge"}),(0,j.jsx)(c._V,{className:"menu-icon-img",src:N[e.label],mode:"aspectFit"}),(0,j.jsx)(c.EY,{className:"menu-label",children:e.label})]},s)})})]}),(0,j.jsxs)(c.Ss,{className:"enterprise-section dashed-card mt-20",children:[(0,j.jsx)(c.Ss,{className:"star-badge"}),(0,j.jsxs)(c.Ss,{className:"flex-between",children:[(0,j.jsxs)(c.Ss,{className:"flex-column",children:[(0,j.jsxs)(c.Ss,{className:"flex-center",children:[(0,j.jsx)(c._V,{className:"enterprise-icon",src:(0,v.uq)("/icon/\u4f01\u4e1a\u6279\u91cf\u5b9a\u5236.png"),mode:"aspectFit"}),(0,j.jsx)(c.EY,{className:"enterprise-title",children:"\u4f01\u4e1a\u6279\u91cf\u5b9a\u5236"})]}),(0,j.jsx)(c.EY,{className:"enterprise-desc",children:"\u5e74\u4f1a\u793c\u54c1\u3001\u5165\u804c\u7eaa\u5ff5\u3001\u56e2\u5efa\u4f34\u624b\u793c"})]}),(0,j.jsx)(c.Ss,{className:"btn-gradient enterprise-btn",children:(0,j.jsx)(c.EY,{children:"\u7acb\u5373\u54a8\u8be2"})})]})]}),(0,j.jsx)(c.Ss,{style:{height:"40px"}}),P&&(0,j.jsx)(c.Ss,{className:"modal-overlay",children:(0,j.jsxs)(c.Ss,{className:"login-card dashed-card",children:[(0,j.jsx)(c.Ss,{className:"star-badge"}),(0,j.jsx)(c.EY,{className:"login-title",children:"\u767b\u5f55\u667a\u7ed8\u5fae\u523b"}),"entry"===L?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(c.EY,{className:"login-desc",children:"\u767b\u5f55\u540e\u540c\u6b65\u60a8\u7684\u8bbe\u8ba1\u6e05\u5355\u548c\u8ba2\u5355"}),(0,j.jsxs)(c.Ss,{className:"login-actions",children:[(0,j.jsx)(c.Ss,{className:"btn-outline",onTap:ie,children:(0,j.jsx)(c.EY,{children:"\u53d6\u6d88"})}),(0,j.jsx)(c.Ss,{className:"btn-gradient",onTap:ce,children:(0,j.jsx)(c.EY,{children:"\u5fae\u4fe1\u767b\u5f55"})})]})]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(c.EY,{className:"login-desc",children:"\u8bf7\u8bbe\u7f6e\u60a8\u7684\u5934\u50cf\u548c\u6635\u79f0"}),(0,j.jsx)(c.$n,{className:"avatar-btn",openType:"chooseAvatar",onChooseAvatar:oe,children:R?(0,j.jsx)(c._V,{className:"avatar-img",src:R,mode:"aspectFill"}):(0,j.jsx)(c._V,{className:"avatar-placeholder-img",src:(0,v.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"})}),(0,j.jsx)(c.pd,{type:"nickname",className:"nickname-input",placeholder:"\u8bf7\u8f93\u5165\u6635\u79f0",value:B,onInput:function(e){return H(e.detail.value)}}),(0,j.jsxs)(c.Ss,{className:"login-actions",children:[(0,j.jsx)(c.Ss,{className:"btn-outline",onTap:ie,children:(0,j.jsx)(c.EY,{children:"\u53d6\u6d88"})}),(0,j.jsx)(c.Ss,{className:"btn-gradient",onTap:le,children:(0,j.jsx)(c.EY,{children:"\u4fdd\u5b58"})})]})]})]})})]})]})}var w={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u4e2a\u4eba\u4e2d\u5fc3"};Page((0,n.createPageConfig)(T,"pages/profile/index",{root:{cn:[]}},w||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(2579)});e.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[481],{2579:function(e,s,a){var n=a(7842),i=a(1212),r=a(467),t=a(5544),c=a(118),l=a(758),o=a.n(l),d=a(6540),u=a(8594),p=a(9703),m=a(9201),g=a(5414),h=a(9674),x=a(6295),f=a(3246),j=a(8199),v=a(4848),N={"\u6211\u7684\u8bbe\u8ba1":(0,j.uq)("/icon/\u8c03\u8272\u76d8.png"),"\u8bcd\u4e91\u751f\u6210":(0,j.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),"\u6536\u8d27\u5730\u5740":(0,j.uq)("/icon/\u5730\u5740.png"),"\u8054\u7cfb\u5ba2\u670d":(0,j.uq)("/icon/\u7535\u8bdd.png"),"\u4f7f\u7528\u5e2e\u52a9":(0,j.uq)("/icon/\u4f7f\u7528\u5e2e\u52a9.png"),"\u8bbe\u7f6e":(0,j.uq)("/icon/\u8bbe\u7f6e.png")},S=[{key:"toDesign",label:"\u5f85\u8bbe\u8ba1",icon:(0,j.uq)("/icon/\u4e09\u89d2\u5c3a.png")},{key:"pending",label:"\u5f85\u4ed8\u6b3e",icon:(0,j.uq)("/icon/\u56db\u89d2\u661f.svg")},{key:"paid",label:"\u5f85\u53d1\u8d27",icon:(0,j.uq)("/icon/\u5305\u88f9.png")},{key:"shipping",label:"\u5f85\u6536\u8d27",icon:(0,j.uq)("/icon/\u676f\u5b50.png")},{key:"done",label:"\u5df2\u5b8c\u6210",icon:(0,j.uq)("/icon/\u4e66\u672c.png")}],b=[{label:"\u6211\u7684\u8bbe\u8ba1",path:"/pages/designList/index"},{label:"\u8bcd\u4e91\u751f\u6210",path:"/pages/wordcloud/index"},{label:"\u6536\u8d27\u5730\u5740",path:"/pages/address/index"},{label:"\u8054\u7cfb\u5ba2\u670d",path:"/pages/service/index"},{label:"\u4f7f\u7528\u5e2e\u52a9",path:"/pages/agreement/index"},{label:"\u8bbe\u7f6e",path:"/pages/settings/index"}],k=function(){};function T(){var e=(0,p.wR)(),s=(e.theme,e.resolvedTheme),a=(0,m.c)();(0,g.l)(s);var n=(0,d.useState)(!1),T=(0,t.A)(n,2),w=T[0],y=T[1],A=(0,d.useState)({nickName:"",avatarUrl:""}),E=(0,t.A)(A,2),Y=E[0],q=E[1],U=(0,d.useState)(!1),F=(0,t.A)(U,2),P=F[0],_=F[1],D=(0,d.useState)("entry"),V=(0,t.A)(D,2),L=V[0],C=V[1],J=(0,d.useState)(""),O=(0,t.A)(J,2),B=O[0],H=O[1],I=(0,d.useState)(""),M=(0,t.A)(I,2),R=M[0],W=M[1],$=(0,d.useState)(!1),z=(0,t.A)($,2),G=z[0],K=z[1],Q=(0,d.useState)({toDesign:0,pending:0,paid:0,shipping:0,done:0}),X=(0,t.A)(Q,2),Z=X[0],ee=X[1],se=function(){var e=(0,u.n7)(),s=(0,u.p_)();ee({toDesign:s.filter(function(e){return"undesigned"===e.status||"designing"===e.status}).length,pending:e.filter(function(e){return"pending"===e.statusCode}).length,paid:e.filter(function(e){return"paid"===e.statusCode}).length,shipping:e.filter(function(e){return"shipping"===e.statusCode}).length,done:e.filter(function(e){return"done"===e.statusCode}).length})},ae=function(){var e=(0,u.ug)();e&&e.openid?(y(!0),q({nickName:e.nickName||"",avatarUrl:e.avatarUrl||""})):(y(!1),q({nickName:"",avatarUrl:""})),se()};(0,l.useDidShow)(function(){ae()});var ne=function(){C("entry"),H(""),W(""),_(!0)},ie=function(){return _(!1)},re=function(e){K(!1),(0,f.Sy)(),o().showToast({title:e,icon:"none"})},te=function(e,s,a,n){var i={openid:s,nickName:a||"\u5fae\u4fe1\u7528\u6237",avatarUrl:n||"",accessToken:e,loginAt:Date.now()};(0,u.iA)(i),q({nickName:i.nickName,avatarUrl:i.avatarUrl}),y(!0),_(!1),C("entry"),K(!1),(0,f.Sy)(),o().showToast({title:"\u767b\u5f55\u6210\u529f",icon:"success"})},ce=function(){var e=(0,r.A)((0,i.A)().m(function e(){var s,a,n,r,t,c;return(0,i.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(!G){e.n=1;break}return e.a(2);case 1:return console.log("[Profile] \u767b\u5f55\u6309\u94ae\u88ab\u70b9\u51fb\uff0c\u5f00\u59cb\u767b\u5f55\u6d41\u7a0b"),K(!0),o().showLoading({title:"\u767b\u5f55\u4e2d",mask:!0}),e.p=2,e.n=3,o().login();case 3:return s=e.v,console.log("[Profile] wx.login \u6210\u529f\uff0ccode=",s.code),e.n=4,(0,x.iD)(s.code);case 4:if(a=e.v,console.log("[Profile] \u540e\u7aef /auth/login \u8fd4\u56de:",JSON.stringify(a)),a&&a.accessToken){e.n=5;break}return re("\u767b\u5f55\u5931\u8d25\uff0c\u672a\u62ff\u5230 token"),e.a(2);case 5:return n="",e.p=6,e.n=7,(0,x.jp)();case 7:r=e.v,n=r&&r.openid||"",e.n=9;break;case 8:e.p=8,e.v,n="";case 9:if(n){e.n=10;break}return re("\u767b\u5f55\u5f02\u5e38\uff0c\u8bf7\u91cd\u8bd5"),e.a(2);case 10:if(t=a.isNewUser||!a.nickname||!a.avatar,!t){e.n=11;break}return H(a.nickname||""),W(a.avatar||""),(0,f.Sy)(),K(!1),C("fill"),o().showToast({title:"\u8bf7\u8bbe\u7f6e\u5934\u50cf\u548c\u6635\u79f0",icon:"none"}),e.a(2);case 11:te(a.accessToken,n,a.nickname||"",a.avatar||""),e.n=13;break;case 12:e.p=12,c=e.v,console.error("[Profile] \u767b\u5f55\u6d41\u7a0b\u51fa\u9519:",c),re(c&&c.message||"\u540e\u7aef\u8fde\u63a5\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u7f51\u7edc");case 13:return e.a(2)}},e,null,[[6,8],[2,12]])}));return function(){return e.apply(this,arguments)}}(),le=function(){var e=(0,r.A)((0,i.A)().m(function e(){var s,a,n,r;return(0,i.A)().w(function(e){while(1)switch(e.p=e.n){case 0:if(!G){e.n=1;break}return e.a(2);case 1:return K(!0),o().showLoading({title:"\u4fdd\u5b58\u4e2d",mask:!0}),e.p=2,e.n=3,(0,x.r7)({nickname:B||void 0,avatar:R||void 0});case 3:return s="",e.p=4,e.n=5,(0,x.jp)();case 5:a=e.v,s=a&&a.openid||"",e.n=7;break;case 6:e.p=6,e.v,s="";case 7:if(s){e.n=8;break}return re("\u4fdd\u5b58\u5f02\u5e38\uff0c\u8bf7\u91cd\u8bd5"),e.a(2);case 8:n=(0,u.ug)(),te(n&&n.accessToken||(0,x.gf)(),s,B,R),e.n=10;break;case 9:e.p=9,r=e.v,console.error("[Profile] \u4fdd\u5b58\u8d44\u6599\u51fa\u9519:",r),re(r&&r.message||"\u4fdd\u5b58\u5931\u8d25");case 10:return e.a(2)}},e,null,[[4,6],[2,9]])}));return function(){return e.apply(this,arguments)}}(),oe=function(e){W(e.detail.avatarUrl||"")},de=function(e){switch(o().hideToast(),e){case"toDesign":o().setStorageSync("designList:filter","toDesign"),o().switchTab({url:"/pages/designList/index"});break;case"pending":o().setStorageSync("orders:filter","pending"),o().switchTab({url:"/pages/orders/index"});break;case"paid":o().setStorageSync("orders:filter","paid"),o().switchTab({url:"/pages/orders/index"});break;case"shipping":o().setStorageSync("orders:filter","shipping"),o().switchTab({url:"/pages/orders/index"});break;case"done":o().setStorageSync("orders:filter","done"),o().switchTab({url:"/pages/orders/index"});break}},ue=function(e,s){if(o().hideToast(),!w&&(e.includes("designList")||e.includes("orders")))return o().showToast({title:"\u8bf7\u5148\u767b\u5f55",icon:"none"}),void _(!0);"\u8054\u7cfb\u5ba2\u670d"!==s?e.startsWith("/pages/")&&(e.includes("designList")||e.includes("orders")?o().switchTab({url:e,fail:function(e){console.error("switchTab fail",e),o().showToast({title:"\u8df3\u8f6c\u5931\u8d25",icon:"none"})}}):o().navigateTo({url:e,fail:function(e){console.error("navigateTo fail",e),o().showToast({title:"\u8df3\u8f6c\u5931\u8d25",icon:"none"})}})):o().navigateTo({url:"/pages/service/index",fail:function(e){console.error("navigateTo service fail",e),o().showToast({title:"\u8df3\u8f6c\u5931\u8d25",icon:"none"})}})};return(0,v.jsxs)(c.Ss,{className:"theme-".concat(s),style:{minHeight:"100vh"},children:[(0,v.jsx)(h.A,{}),(0,v.jsxs)(c.Ss,{className:"profile-page",children:[(0,v.jsxs)(c.Ss,{className:"profile-header surface-card",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:[(0,v.jsxs)(c.Ss,{className:"user-info",children:[w&&Y.avatarUrl?(0,v.jsx)(c._V,{className:"avatar",src:Y.avatarUrl,mode:"aspectFill"}):(0,v.jsx)(c.Ss,{className:"avatar-placeholder",onTap:ne,children:(0,v.jsx)(c._V,{className:"avatar-icon-img",src:(0,j.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"})}),(0,v.jsxs)(c.Ss,{className:"user-meta",children:[(0,v.jsx)(c.EY,{className:"user-name",onTap:w?k:ne,children:w?Y.nickName:"\u70b9\u51fb\u767b\u5f55"}),(0,v.jsx)(c.EY,{className:"user-level",children:w?"\u667a\u7ed8\u5fae\u523b\u4f1a\u5458":"\u6388\u6743\u5fae\u4fe1\uff0c\u5f00\u542f\u4e13\u5c5e\u5b9a\u5236"})]})]}),(0,v.jsxs)(c.Ss,{className:"status-grid",children:[(0,v.jsx)(c.Ss,{className:"status-row row2",children:S.slice(0,2).map(function(e){return(0,v.jsxs)(c.Ss,{className:"status-group",children:[(0,v.jsxs)(c.Ss,{className:"status-item",onTap:function(){return de(e.key)},children:[(0,v.jsx)(c._V,{className:"status-icon-img",src:e.icon,mode:"aspectFit"}),(0,v.jsx)(c.EY,{className:"status-num",children:Z[e.key]}),(0,v.jsx)(c.EY,{className:"status-label",children:e.label})]}),(0,v.jsx)(c.Ss,{className:"status-divider"})]},e.key)})}),(0,v.jsx)(c.Ss,{className:"status-divider-h"}),(0,v.jsx)(c.Ss,{className:"status-row row3",children:S.slice(2).map(function(e,s){return(0,v.jsxs)(c.Ss,{className:"status-group",children:[(0,v.jsxs)(c.Ss,{className:"status-item",onTap:function(){return de(e.key)},children:[(0,v.jsx)(c._V,{className:"status-icon-img",src:e.icon,mode:"aspectFit"}),(0,v.jsx)(c.EY,{className:"status-num",children:Z[e.key]}),(0,v.jsx)(c.EY,{className:"status-label",children:e.label})]}),s<2&&(0,v.jsx)(c.Ss,{className:"status-divider"})]},e.key)})})]})]}),(0,v.jsxs)(c.Ss,{className:"mt-20",children:[(0,v.jsx)(c.EY,{className:"section-title",children:"\u5e38\u7528\u529f\u80fd"}),(0,v.jsx)(c.Ss,{className:"menu-grid",children:b.map(function(e,s){return(0,v.jsxs)(c.Ss,{className:"menu-card surface-card",onTap:function(){return ue(e.path,e.label)},children:[(0,v.jsx)(c._V,{className:"menu-icon-img",src:N[e.label],mode:"aspectFit"}),(0,v.jsx)(c.EY,{className:"menu-label",children:e.label})]},s)})})]}),(0,v.jsx)(c.Ss,{className:"enterprise-section surface-card mt-20",children:(0,v.jsxs)(c.Ss,{className:"flex-between",children:[(0,v.jsxs)(c.Ss,{className:"flex-column",children:[(0,v.jsxs)(c.Ss,{className:"flex-center",children:[(0,v.jsx)(c._V,{className:"enterprise-icon",src:(0,j.uq)("/icon/\u4f01\u4e1a\u6279\u91cf\u5b9a\u5236.png"),mode:"aspectFit"}),(0,v.jsx)(c.EY,{className:"enterprise-title",children:"\u4f01\u4e1a\u6279\u91cf\u5b9a\u5236"})]}),(0,v.jsx)(c.EY,{className:"enterprise-desc",children:"\u5e74\u4f1a\u793c\u54c1\u3001\u5165\u804c\u7eaa\u5ff5\u3001\u56e2\u5efa\u4f34\u624b\u793c"})]}),(0,v.jsx)(c.Ss,{className:"btn-primary enterprise-btn",children:(0,v.jsx)(c.EY,{children:"\u7acb\u5373\u54a8\u8be2"})})]})}),P&&(0,v.jsx)(c.Ss,{className:"modal-overlay",children:(0,v.jsxs)(c.Ss,{className:"login-card surface-card",children:[(0,v.jsx)(c.EY,{className:"login-title",children:"\u767b\u5f55\u667a\u7ed8\u5fae\u523b"}),"entry"===L?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(c.EY,{className:"login-desc",children:"\u767b\u5f55\u540e\u540c\u6b65\u60a8\u7684\u8bbe\u8ba1\u6e05\u5355\u548c\u8ba2\u5355"}),(0,v.jsxs)(c.Ss,{className:"login-actions",children:[(0,v.jsx)(c.Ss,{className:"btn-secondary",onTap:ie,children:(0,v.jsx)(c.EY,{children:"\u53d6\u6d88"})}),(0,v.jsx)(c.Ss,{className:"btn-primary",onTap:ce,children:(0,v.jsx)(c.EY,{children:"\u5fae\u4fe1\u767b\u5f55"})})]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(c.EY,{className:"login-desc",children:"\u8bf7\u8bbe\u7f6e\u60a8\u7684\u5934\u50cf\u548c\u6635\u79f0"}),(0,v.jsx)(c.$n,{className:"avatar-btn",openType:"chooseAvatar",onChooseAvatar:oe,children:R?(0,v.jsx)(c._V,{className:"avatar-img",src:R,mode:"aspectFill"}):(0,v.jsx)(c._V,{className:"avatar-placeholder-img",src:(0,j.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"})}),(0,v.jsx)(c.pd,{type:"nickname",className:"nickname-input",placeholder:"\u8bf7\u8f93\u5165\u6635\u79f0",value:B,onInput:function(e){return H(e.detail.value)}}),(0,v.jsxs)(c.Ss,{className:"login-actions",children:[(0,v.jsx)(c.Ss,{className:"btn-secondary",onTap:ie,children:(0,v.jsx)(c.EY,{children:"\u53d6\u6d88"})}),(0,v.jsx)(c.Ss,{className:"btn-primary",onTap:le,children:(0,v.jsx)(c.EY,{children:"\u4fdd\u5b58"})})]})]})]})})]})]})}var w={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u4e2a\u4eba\u4e2d\u5fc3"};Page((0,n.createPageConfig)(T,"pages/profile/index",{root:{cn:[]}},w||{}))}},function(e){var s=function(s){return e(e.s=s)};e.O(0,[907,96,76],function(){return s(2579)});e.O()}]); \ No newline at end of file diff --git a/dist/pages/profile/index.wxss b/dist/pages/profile/index.wxss index 6dbf30d..dceafc5 100644 --- a/dist/pages/profile/index.wxss +++ b/dist/pages/profile/index.wxss @@ -1 +1 @@ -.profile-page{min-height:100vh;padding:0 24rpx 24rpx}.profile-header{margin:20rpx 0 0;padding:40rpx 32rpx 32rpx}.user-info{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:32rpx}.avatar{-ms-flex-negative:0;border:4rpx dashed var(--line-star);border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:120rpx;margin-right:24rpx;width:120rpx}.avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,var(--bg-card) 0,rgba(91,140,255,.1) 100%);background:linear-gradient(135deg,var(--bg-card) 0,rgba(91,140,255,.1) 100%);border:4rpx dashed var(--line-star);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:120rpx;-webkit-justify-content:center;justify-content:center;margin-right:24rpx;width:120rpx}.avatar-icon{font-size:56rpx}.user-name{color:var(--text-primary);display:block;font-size:40rpx;font-weight:800;margin-bottom:8rpx}.user-level{color:var(--text-secondary);display:block;font-size:24rpx}.status-grid{background:var(--bg-card);border:var(--line-card);border-radius:20rpx;overflow:hidden}.status-row{-ms-flex-align:center;-ms-flex-pack:distribute;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:20rpx 0}.status-group{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center}.status-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:8rpx 0}.status-num{color:var(--accent-pink);font-size:36rpx;font-weight:800;margin-bottom:8rpx}.status-label{color:var(--text-secondary);font-size:24rpx}.status-divider{-ms-flex-negative:0;background:var(--line-star);-webkit-flex-shrink:0;flex-shrink:0;height:48rpx;opacity:.25;width:2rpx}.status-divider-h{background:var(--line-star);height:2rpx;margin:0 16rpx;opacity:.15}.menu-grid{display:grid;gap:20rpx;grid-template-columns:1fr 1fr 1fr}.menu-card{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:32rpx 16rpx;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.menu-card:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.menu-icon{font-size:48rpx;margin-bottom:12rpx}.menu-label{color:var(--text-primary);font-size:26rpx;font-weight:500}.enterprise-section{padding:32rpx}.enterprise-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.enterprise-desc{color:var(--text-secondary);font-size:24rpx}.enterprise-btn{border-radius:40rpx!important;font-size:26rpx!important;padding:16rpx 32rpx!important}.menu-icon-img{height:36rpx;margin-bottom:12rpx;width:36rpx}.status-icon-img{height:28rpx;margin-bottom:4rpx;width:28rpx}.enterprise-icon{height:28rpx;margin-right:12rpx;width:28rpx}.avatar-icon-img{height:36rpx;width:36rpx}.avatar-placeholder-img{height:56rpx;width:56rpx}.modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;padding:48rpx;position:fixed;right:0;top:0;z-index:1000}.login-card{max-width:600rpx;padding:40rpx;text-align:center;width:100%}.login-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.login-desc{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.avatar-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:0;height:160rpx;-webkit-justify-content:center;justify-content:center;line-height:1;margin:0 auto 24rpx;overflow:hidden;padding:0;width:160rpx}.avatar-img{border-radius:50%;height:100%;width:100%}.avatar-placeholder{color:var(--text-secondary);font-size:24rpx}.nickname-input{background:var(--bg-input);border:3rpx dashed var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:80rpx;margin-bottom:32rpx;padding:0 24rpx;text-align:center;width:100%}.login-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.login-actions .btn-gradient,.login-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:20rpx 0;text-align:center} \ No newline at end of file +.profile-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx 48rpx}.profile-page .profile-header{margin:0 0 32rpx;padding:32rpx 32rpx 16rpx}.profile-page .user-info{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;margin-bottom:24rpx}.profile-page .avatar,.profile-page .avatar-placeholder{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border:1rpx solid var(--border);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:112rpx;-webkit-justify-content:center;justify-content:center;margin-right:0;overflow:hidden;width:112rpx}.profile-page .avatar-icon-img{height:44rpx;width:44rpx}.profile-page .user-meta{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.profile-page .user-name{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;line-height:1.2;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .user-level{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4}.profile-page .status-grid{border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:16rpx}.profile-page .status-row{-ms-flex-align:center;-ms-flex-pack:distribute;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.profile-page .status-group{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;min-width:0}.profile-page .status-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:112rpx;padding:8rpx 0;-webkit-transition:-webkit-transform .18s ease;transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.profile-page .status-item:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.profile-page .status-icon-img{height:32rpx;margin-bottom:10rpx;width:32rpx}.profile-page .status-num{color:var(--accent-primary);font-size:32rpx;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2;margin-bottom:6rpx}.profile-page .status-label{color:var(--text-secondary);font-size:24rpx;line-height:1.2}.profile-page .status-divider{-ms-flex-negative:0;background:var(--border);-webkit-flex-shrink:0;flex-shrink:0;height:56rpx;width:1rpx}.profile-page .status-divider-h{background:var(--border);height:1rpx;margin:4rpx 16rpx 12rpx}.profile-page .section-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;line-height:1.25;margin:0 0 24rpx}.profile-page .menu-grid{display:grid;gap:16rpx;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-page .menu-card{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:148rpx;padding:28rpx 16rpx;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.profile-page .menu-card:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.profile-page .menu-icon-img{height:44rpx;margin-bottom:16rpx;width:44rpx}.profile-page .menu-label{color:var(--text-primary);display:block;font-size:26rpx;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .enterprise-section{margin:0 0 48rpx;padding:28rpx 32rpx}.profile-page .enterprise-icon{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:32rpx;margin-right:12rpx;width:32rpx}.profile-page .enterprise-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;line-height:1.3;margin-bottom:6rpx}.profile-page .enterprise-desc{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4}.profile-page .enterprise-btn{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:26rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center;line-height:1.2;padding:0 32rpx}.profile-page .modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;padding:48rpx;position:fixed;right:0;top:0;z-index:1000}.profile-page .login-card{border-radius:32rpx;max-width:640rpx;padding:40rpx;text-align:center;width:100%}.profile-page .login-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.profile-page .login-desc{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.profile-page .avatar-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:1rpx solid var(--border);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:0;height:160rpx;-webkit-justify-content:center;justify-content:center;line-height:1;margin:0 auto 24rpx;overflow:hidden;padding:0;width:160rpx}.profile-page .avatar-img{border-radius:50%;height:100%;width:100%}.profile-page .avatar-placeholder-img{height:64rpx;width:64rpx}.profile-page .nickname-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:88rpx;margin-bottom:32rpx;padding:0 24rpx;text-align:center;width:100%}.profile-page .login-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.profile-page .login-actions .btn-primary,.profile-page .login-actions .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;padding:0;text-align:center} \ No newline at end of file diff --git a/dist/pages/service/index.js b/dist/pages/service/index.js index fdd533d..2bfde21 100644 --- a/dist/pages/service/index.js +++ b/dist/pages/service/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[248],{5942:function(s,e,a){var c=a(7842),n=a(118),t=a(758),i=a.n(t),r=a(9703),l=a(9201),d=a(5414),m=a(9674),o=a(8199),x=a(4848),h=[{q:"\u5b9a\u5236\u5468\u671f\u9700\u8981\u591a\u4e45\uff1f",a:"\u901a\u5e38\u4e0b\u5355\u540e3-5\u4e2a\u5de5\u4f5c\u65e5\u5185\u53d1\u8d27\uff0c\u6279\u91cf\u8ba2\u5355\uff0850\u4ef6\u4ee5\u4e0a\uff09\u53ef\u80fd\u9700\u89817-10\u4e2a\u5de5\u4f5c\u65e5\u3002"},{q:"\u53ef\u4ee5\u4fee\u6539\u8bbe\u8ba1\u7a3f\u5417\uff1f",a:"\u751f\u4ea7\u524d\u53ef\u968f\u65f6\u5728\u8bbe\u8ba1\u5de5\u4f5c\u53f0\u4fee\u6539\u3002\u786e\u8ba4\u4e0b\u5355\u540e\u8fdb\u5165\u6392\u961f\u751f\u4ea7\u9636\u6bb5\uff0c\u4e0d\u53ef\u518d\u4fee\u6539\u3002"},{q:"\u652f\u6301\u9000\u6b3e/\u552e\u540e\u5417\uff1f",a:"\u975e\u8d28\u91cf\u95ee\u9898\u5b9a\u5236\u5546\u54c1\u4e0d\u652f\u63017\u5929\u65e0\u7406\u7531\u9000\u6b3e\u3002\u5982\u6536\u5230\u5546\u54c1\u6709\u7834\u635f\u6216\u96d5\u523b\u7f3a\u9677\uff0c\u8bf7\u5728\u7b7e\u653648\u5c0f\u65f6\u5185\u8054\u7cfb\u5ba2\u670d\u5904\u7406\u3002"},{q:"\u53ef\u4ee5\u5f00\u53d1\u7968\u5417\uff1f",a:"\u652f\u6301\u5f00\u5177\u589e\u503c\u7a0e\u666e\u901a\u53d1\u7968\u3002\u8bf7\u5728\u4e0b\u5355\u65f6\u586b\u5199\u53d1\u7968\u4fe1\u606f\uff0c\u6216\u8054\u7cfb\u5ba2\u670d\u8865\u5f00\u3002"}];function j(){var s=(0,r.wR)(),e=(s.theme,s.resolvedTheme),a=(0,l.c)();return(0,d.l)(e),(0,x.jsxs)(n.Ss,{className:"theme-".concat(e),style:{minHeight:"100vh"},children:[(0,x.jsx)(m.A,{}),(0,x.jsxs)(n.Ss,{className:"service-page",children:[(0,x.jsxs)(n.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(a.headerPaddingTop,"px")},children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsx)(n.EY,{className:"page-title",children:"\u8054\u7cfb\u5ba2\u670d"})]}),(0,x.jsxs)(n.Ss,{className:"service-hero dashed-card mt-20",children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsx)(n._V,{className:"service-hero-icon",src:(0,o.uq)("/icon/\u7535\u8bdd.png"),mode:"aspectFit"}),(0,x.jsx)(n.EY,{className:"service-title",children:"\u667a\u7ed8\u5fae\u523b\u5ba2\u670d\u4e2d\u5fc3"}),(0,x.jsx)(n.EY,{className:"service-desc",children:"\u5de5\u4f5c\u65e5 09:00 - 18:00 \u5728\u7ebf\u4e3a\u60a8\u670d\u52a1"}),(0,x.jsx)(n.Ss,{className:"btn-gradient service-btn",onTap:function(){return i().showToast({title:"\u8df3\u8f6c\u5ba2\u670d\u4f1a\u8bdd",icon:"none"})},children:(0,x.jsx)(n.EY,{children:"\u53d1\u8d77\u54a8\u8be2"})})]}),(0,x.jsxs)(n.Ss,{className:"mt-20",children:[(0,x.jsx)(n.EY,{className:"section-title",children:"\u8054\u7cfb\u65b9\u5f0f"}),(0,x.jsxs)(n.Ss,{className:"contact-list",children:[(0,x.jsxs)(n.Ss,{className:"contact-item dashed-card",children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsx)(n._V,{className:"contact-icon-img",src:(0,o.uq)("/icon/\u7535\u8bdd.png"),mode:"aspectFit"}),(0,x.jsxs)(n.Ss,{className:"contact-info",children:[(0,x.jsx)(n.EY,{className:"contact-label",children:"\u5ba2\u670d\u7535\u8bdd"}),(0,x.jsx)(n.EY,{className:"contact-value",children:"400-XXX-XXXX"})]})]}),(0,x.jsxs)(n.Ss,{className:"contact-item dashed-card",onTap:function(){return i().setClipboardData({data:"smart_engraving"})},children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsx)(n._V,{className:"contact-icon-img",src:(0,o.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,x.jsxs)(n.Ss,{className:"contact-info",children:[(0,x.jsx)(n.EY,{className:"contact-label",children:"\u5ba2\u670d\u5fae\u4fe1"}),(0,x.jsx)(n.EY,{className:"contact-value",children:"smart_engraving\uff08\u70b9\u51fb\u590d\u5236\uff09"})]})]}),(0,x.jsxs)(n.Ss,{className:"contact-item dashed-card",children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsx)(n._V,{className:"contact-icon-img",src:(0,o.uq)("/icon/\u4f7f\u7528\u5e2e\u52a9.png"),mode:"aspectFit"}),(0,x.jsxs)(n.Ss,{className:"contact-info",children:[(0,x.jsx)(n.EY,{className:"contact-label",children:"\u5546\u52a1\u90ae\u7bb1"}),(0,x.jsx)(n.EY,{className:"contact-value",children:"biz@smart-engraving.com"})]})]})]})]}),(0,x.jsxs)(n.Ss,{className:"mt-20",children:[(0,x.jsx)(n.EY,{className:"section-title",children:"\u5e38\u89c1\u95ee\u9898"}),h.map(function(s,e){return(0,x.jsxs)(n.Ss,{className:"faq-card dashed-card",children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsxs)(n.EY,{className:"faq-q",children:["Q: ",s.q]}),(0,x.jsxs)(n.EY,{className:"faq-a",children:["A: ",s.a]})]},e)})]}),(0,x.jsxs)(n.Ss,{className:"enterprise-service dashed-card mt-20 mb-20",children:[(0,x.jsx)(n.Ss,{className:"star-badge"}),(0,x.jsxs)(n.Ss,{className:"flex-center",children:[(0,x.jsx)(n._V,{className:"enterprise-icon",src:(0,o.uq)("/icon/\u4f01\u4e1a\u6279\u91cf\u5b9a\u5236.png"),mode:"aspectFit"}),(0,x.jsx)(n.EY,{className:"enterprise-title",children:"\u4f01\u4e1a\u4e13\u5c5e\u5ba2\u6237\u7ecf\u7406"})]}),(0,x.jsx)(n.EY,{className:"enterprise-desc",children:"\u6279\u91cf\u8ba2\u5355\uff0850\u4ef6\u4ee5\u4e0a\uff09\u4eab\u4e13\u5c5e\u62a5\u4ef7\u3001\u4f18\u5148\u6392\u4ea7\u3001\u4e13\u4eba\u5bf9\u63a5"}),(0,x.jsx)(n.Ss,{className:"btn-outline enterprise-btn",children:(0,x.jsx)(n.EY,{children:"\u9884\u7ea6\u4f01\u4e1a\u54a8\u8be2"})})]}),(0,x.jsx)(n.Ss,{style:{height:"40px"}})]})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u5ba2\u670d\u4e2d\u5fc3"};Page((0,c.createPageConfig)(j,"pages/service/index",{root:{cn:[]}},N||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(5942)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[248],{5942:function(s,e,c){var a=c(7842),n=c(118),t=c(758),i=c.n(t),r=c(9703),l=c(9201),o=c(5414),m=c(9674),d=c(8199),h=c(4848),x=[{q:"\u5b9a\u5236\u5468\u671f\u9700\u8981\u591a\u4e45\uff1f",a:"\u901a\u5e38\u4e0b\u5355\u540e3-5\u4e2a\u5de5\u4f5c\u65e5\u5185\u53d1\u8d27\uff0c\u6279\u91cf\u8ba2\u5355\uff0850\u4ef6\u4ee5\u4e0a\uff09\u53ef\u80fd\u9700\u89817-10\u4e2a\u5de5\u4f5c\u65e5\u3002"},{q:"\u53ef\u4ee5\u4fee\u6539\u8bbe\u8ba1\u7a3f\u5417\uff1f",a:"\u751f\u4ea7\u524d\u53ef\u968f\u65f6\u5728\u8bbe\u8ba1\u5de5\u4f5c\u53f0\u4fee\u6539\u3002\u786e\u8ba4\u4e0b\u5355\u540e\u8fdb\u5165\u6392\u961f\u751f\u4ea7\u9636\u6bb5\uff0c\u4e0d\u53ef\u518d\u4fee\u6539\u3002"},{q:"\u652f\u6301\u9000\u6b3e/\u552e\u540e\u5417\uff1f",a:"\u975e\u8d28\u91cf\u95ee\u9898\u5b9a\u5236\u5546\u54c1\u4e0d\u652f\u63017\u5929\u65e0\u7406\u7531\u9000\u6b3e\u3002\u5982\u6536\u5230\u5546\u54c1\u6709\u7834\u635f\u6216\u96d5\u523b\u7f3a\u9677\uff0c\u8bf7\u5728\u7b7e\u653648\u5c0f\u65f6\u5185\u8054\u7cfb\u5ba2\u670d\u5904\u7406\u3002"},{q:"\u53ef\u4ee5\u5f00\u53d1\u7968\u5417\uff1f",a:"\u652f\u6301\u5f00\u5177\u589e\u503c\u7a0e\u666e\u901a\u53d1\u7968\u3002\u8bf7\u5728\u4e0b\u5355\u65f6\u586b\u5199\u53d1\u7968\u4fe1\u606f\uff0c\u6216\u8054\u7cfb\u5ba2\u670d\u8865\u5f00\u3002"}];function j(){var s=(0,r.wR)(),e=(s.theme,s.resolvedTheme),c=(0,l.c)();return(0,o.l)(e),(0,h.jsxs)(n.Ss,{className:"theme-".concat(e),style:{minHeight:"100vh"},children:[(0,h.jsx)(m.A,{}),(0,h.jsxs)(n.Ss,{className:"service-page",children:[(0,h.jsx)(n.Ss,{className:"page-header service-header",style:{paddingTop:"".concat(c.headerPaddingTop,"px")},children:(0,h.jsx)(n.EY,{className:"page-title",children:"\u8054\u7cfb\u5ba2\u670d"})}),(0,h.jsxs)(n.Ss,{className:"service-hero surface-card",children:[(0,h.jsx)(n._V,{className:"service-hero-icon",src:(0,d.uq)("/icon/\u7535\u8bdd.png"),mode:"aspectFit"}),(0,h.jsx)(n.EY,{className:"service-title",children:"\u667a\u7ed8\u5fae\u523b\u5ba2\u670d\u4e2d\u5fc3"}),(0,h.jsx)(n.EY,{className:"service-desc",children:"\u5de5\u4f5c\u65e5 09:00 - 18:00 \u5728\u7ebf\u4e3a\u60a8\u670d\u52a1"}),(0,h.jsx)(n.Ss,{className:"btn-primary service-btn",onTap:function(){return i().showToast({title:"\u8df3\u8f6c\u5ba2\u670d\u4f1a\u8bdd",icon:"none"})},children:(0,h.jsx)(n.EY,{children:"\u53d1\u8d77\u54a8\u8be2"})})]}),(0,h.jsxs)(n.Ss,{className:"mt-20",children:[(0,h.jsx)(n.EY,{className:"section-title",children:"\u8054\u7cfb\u65b9\u5f0f"}),(0,h.jsxs)(n.Ss,{className:"contact-list surface-card",children:[(0,h.jsxs)(n.Ss,{className:"contact-item",children:[(0,h.jsx)(n._V,{className:"contact-icon-img",src:(0,d.uq)("/icon/\u7535\u8bdd.png"),mode:"aspectFit"}),(0,h.jsxs)(n.Ss,{className:"contact-info",children:[(0,h.jsx)(n.EY,{className:"contact-label",children:"\u5ba2\u670d\u7535\u8bdd"}),(0,h.jsx)(n.EY,{className:"contact-value",children:"400-XXX-XXXX"})]})]}),(0,h.jsxs)(n.Ss,{className:"contact-item contact-item-link",onTap:function(){return i().setClipboardData({data:"smart_engraving"})},children:[(0,h.jsx)(n._V,{className:"contact-icon-img",src:(0,d.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,h.jsxs)(n.Ss,{className:"contact-info",children:[(0,h.jsx)(n.EY,{className:"contact-label",children:"\u5ba2\u670d\u5fae\u4fe1"}),(0,h.jsx)(n.EY,{className:"contact-value",children:"smart_engraving\uff08\u70b9\u51fb\u590d\u5236\uff09"})]}),(0,h.jsx)(n.EY,{className:"contact-arrow",children:"\u203a"})]}),(0,h.jsxs)(n.Ss,{className:"contact-item",children:[(0,h.jsx)(n._V,{className:"contact-icon-img",src:(0,d.uq)("/icon/\u4f7f\u7528\u5e2e\u52a9.png"),mode:"aspectFit"}),(0,h.jsxs)(n.Ss,{className:"contact-info",children:[(0,h.jsx)(n.EY,{className:"contact-label",children:"\u5546\u52a1\u90ae\u7bb1"}),(0,h.jsx)(n.EY,{className:"contact-value",children:"biz@smart-engraving.com"})]})]})]})]}),(0,h.jsxs)(n.Ss,{className:"mt-20",children:[(0,h.jsx)(n.EY,{className:"section-title",children:"\u5e38\u89c1\u95ee\u9898"}),x.map(function(s,e){return(0,h.jsxs)(n.Ss,{className:"faq-card surface-card",children:[(0,h.jsxs)(n.EY,{className:"faq-q",children:["Q: ",s.q]}),(0,h.jsxs)(n.EY,{className:"faq-a",children:["A: ",s.a]})]},e)})]}),(0,h.jsxs)(n.Ss,{className:"enterprise-service surface-card mt-20 mb-20",children:[(0,h.jsxs)(n.Ss,{className:"flex-center",children:[(0,h.jsx)(n._V,{className:"enterprise-icon",src:(0,d.uq)("/icon/\u4f01\u4e1a\u6279\u91cf\u5b9a\u5236.png"),mode:"aspectFit"}),(0,h.jsx)(n.EY,{className:"enterprise-title",children:"\u4f01\u4e1a\u4e13\u5c5e\u5ba2\u6237\u7ecf\u7406"})]}),(0,h.jsx)(n.EY,{className:"enterprise-desc",children:"\u6279\u91cf\u8ba2\u5355\uff0850\u4ef6\u4ee5\u4e0a\uff09\u4eab\u4e13\u5c5e\u62a5\u4ef7\u3001\u4f18\u5148\u6392\u4ea7\u3001\u4e13\u4eba\u5bf9\u63a5"}),(0,h.jsx)(n.Ss,{className:"btn-secondary enterprise-btn",children:(0,h.jsx)(n.EY,{children:"\u9884\u7ea6\u4f01\u4e1a\u54a8\u8be2"})})]}),(0,h.jsx)(n.Ss,{style:{height:"80rpx"}})]})]})}var N={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u5ba2\u670d\u4e2d\u5fc3"};Page((0,a.createPageConfig)(j,"pages/service/index",{root:{cn:[]}},N||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(5942)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/service/index.wxss b/dist/pages/service/index.wxss index 71748ba..c7da23b 100644 --- a/dist/pages/service/index.wxss +++ b/dist/pages/service/index.wxss @@ -1 +1 @@ -.service-page{min-height:100vh;padding:0 24rpx 24rpx}.page-header{margin:20rpx 0 0;padding:32rpx 32rpx 24rpx}.service-hero{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:50rpx 40rpx;text-align:center}.service-hero-icon{height:56rpx;margin-bottom:20rpx;width:56rpx}.service-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.service-desc{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:32rpx}.service-btn{border-radius:50rpx!important;font-size:30rpx!important;padding:24rpx 56rpx!important}.contact-list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20rpx}.contact-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:28rpx 32rpx}.contact-icon{font-size:48rpx;margin-right:24rpx}.contact-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:32rpx;margin-right:24rpx;width:32rpx}.contact-info{-webkit-flex:1;-ms-flex:1;flex:1}.contact-label{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:4rpx}.contact-value{color:var(--text-primary);font-size:30rpx;font-weight:600}.faq-card{margin-bottom:20rpx;padding:28rpx 32rpx}.faq-q{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:12rpx}.faq-a{color:var(--text-secondary);font-size:26rpx;line-height:1.6}.enterprise-service{padding:32rpx}.enterprise-icon{height:28rpx;margin-right:12rpx;width:28rpx}.enterprise-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;margin-bottom:8rpx}.enterprise-desc{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:24rpx} \ No newline at end of file +.service-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(24rpx + env(safe-area-inset-bottom))}.service-page .page-header.service-header{margin:0;padding-bottom:32rpx;padding-left:0;padding-right:0;text-align:center}.service-header .page-title{color:var(--text-primary);font-size:44rpx;font-weight:700;letter-spacing:0;line-height:1.2}.service-hero{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:56rpx 40rpx;text-align:center}.service-hero-icon{height:88rpx;margin-bottom:24rpx;width:88rpx}.service-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;letter-spacing:0;margin-bottom:12rpx}.service-desc{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.5;margin-bottom:32rpx}.service-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center;min-width:280rpx;padding:0 48rpx}.service-page .section-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:24rpx}.contact-list.surface-card{overflow:hidden;padding:0 32rpx}.contact-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:112rpx;padding:24rpx 0}.contact-item:last-child{border-bottom:none}.contact-item-link{-webkit-transition:background .16s ease;transition:background .16s ease}.contact-item-link:active{background:var(--bg-muted)}.contact-icon-img{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:48rpx;margin-right:24rpx;width:48rpx}.contact-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.contact-label{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4;margin-bottom:4rpx}.contact-value{color:var(--text-primary);display:block;font-size:28rpx;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-arrow{-ms-flex-negative:0;color:var(--text-muted);-webkit-flex-shrink:0;flex-shrink:0;font-size:32rpx;line-height:1;margin-left:16rpx}.faq-card{display:block;margin-bottom:24rpx;padding:32rpx}.faq-q{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;letter-spacing:0;line-height:1.45;margin-bottom:12rpx}.faq-a{color:var(--text-secondary);display:block;font-size:26rpx;line-height:1.7}.enterprise-service{padding:32rpx}.enterprise-service .flex-center{-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:12rpx}.enterprise-icon{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;height:40rpx;margin-right:12rpx;width:40rpx}.enterprise-title{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;letter-spacing:0}.enterprise-desc{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.6;margin-bottom:24rpx}.enterprise-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:28rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center} \ No newline at end of file diff --git a/dist/pages/settings/index.js b/dist/pages/settings/index.js index 1f6000a..2403f4c 100644 --- a/dist/pages/settings/index.js +++ b/dist/pages/settings/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[486],{7904:function(e,s,a){var n=a(7842),t=a(9379),c=a(5544),i=a(118),l=a(758),r=a.n(l),o=a(6540),d=a(9703),m=a(9201),u=a(5414),h=a(9674),x=a(8594),p=a(8199),g=a(4848),j=[{label:"\u6d45\u8272\u6a21\u5f0f",value:"light"},{label:"\u6df1\u8272\u6a21\u5f0f",value:"dark"},{label:"\u8ddf\u968f\u7cfb\u7edf",value:"auto"}],N=[{label:"\u4e2a\u4eba\u4fe1\u606f",icon:(0,p.uq)("/icon/\u4e2a\u4eba.png"),action:function(e){return e.setShowEdit(!0)}},{label:"\u8d26\u53f7\u7ba1\u7406",icon:(0,p.uq)("/icon/\u8d26\u53f7\u7ba1\u7406.png"),action:function(){return r().navigateTo({url:"/pages/userDatabase/index"})}},{label:"\u5b9a\u5236\u534f\u8bae",icon:(0,p.uq)("/icon/\u5b9a\u5236\u534f\u8bae.png"),action:function(){return r().navigateTo({url:"/pages/agreement/index"})}},{label:"\u5173\u4e8e\u6211\u4eec",icon:(0,p.uq)("/icon/\u5173\u4e8e\u6211\u4eec.png"),action:function(){return r().showToast({title:"\u667a\u7ed8\u5fae\u523b v1.0",icon:"none"})}}];function v(){var e=(0,d.wR)(),s=e.theme,a=e.setTheme,n=e.resolvedTheme,l=(0,m.c)();(0,u.l)(n);var v=(0,o.useState)({}),f=(0,c.A)(v,2),S=f[0],b=f[1],T=(0,o.useState)(""),w=(0,c.A)(T,2),E=w[0],Y=w[1],k=(0,o.useState)(""),A=(0,c.A)(k,2),y=A[0],q=A[1],F=(0,o.useState)(!1),U=(0,c.A)(F,2),V=U[0],_=U[1],P=function(){var e=(0,x.ug)()||{};b(e),Y(e.nickName||""),q(e.avatarUrl||"")};(0,o.useEffect)(function(){P()},[]);var B=function(){(0,x.iA)((0,t.A)((0,t.A)({},S),{},{nickName:E,avatarUrl:y})),r().showToast({title:"\u4fee\u6539\u6210\u529f",icon:"success"}),_(!1),P()},C=function(){r().showModal({title:"\u786e\u8ba4\u9000\u51fa",content:"\u9000\u51fa\u540e\u5c06\u6e05\u7a7a\u5f53\u524d\u767b\u5f55\u72b6\u6001\uff0c\u786e\u5b9a\u5417\uff1f",success:function(e){e.confirm&&((0,x.Hf)(),r().switchTab({url:"/pages/index/index"}))}})},D=function(e){q(e.detail.avatarUrl||"")};return(0,g.jsxs)(i.Ss,{className:"theme-".concat(n),style:{minHeight:"100vh"},children:[(0,g.jsx)(h.A,{}),(0,g.jsx)(i.Ss,{className:"settings-page",children:(0,g.jsxs)(i.Ss,{className:"settings-area",children:[(0,g.jsx)(i.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(l.headerPaddingTop,"px")},children:(0,g.jsxs)(i.Ss,{className:"flex-between",style:{width:"100%"},children:[(0,g.jsx)(i.EY,{className:"back-btn",onTap:function(){return r().navigateBack()},children:"\u2190"}),(0,g.jsx)(i.EY,{className:"page-title",children:"\u8bbe\u7f6e"}),(0,g.jsx)(i.Ss,{style:{width:"60px"}})]})}),(0,g.jsx)(i.Ss,{className:"settings-user dashed-card mt-20",children:(0,g.jsxs)(i.Ss,{className:"flex-between",onTap:function(){return _(!0)},children:[(0,g.jsxs)(i.Ss,{className:"flex-center",children:[S.avatarUrl?(0,g.jsx)(i._V,{className:"settings-avatar",src:S.avatarUrl,mode:"aspectFill"}):(0,g.jsx)(i.Ss,{className:"settings-avatar-placeholder",children:(0,g.jsx)(i._V,{className:"settings-avatar-icon",src:(0,p.uq)("/icon/\u4e2a\u4eba.png"),mode:"aspectFit"})}),(0,g.jsxs)(i.Ss,{style:{marginLeft:"20px"},children:[(0,g.jsx)(i.EY,{className:"settings-name",children:S.nickName||"\u672a\u767b\u5f55"}),(0,g.jsxs)(i.EY,{className:"settings-id",children:["ID: ",S.openid?S.openid.slice(-8):"---"]})]})]}),(0,g.jsx)(i.EY,{className:"arrow",children:"\u203a"})]})}),(0,g.jsxs)(i.Ss,{className:"settings-section dashed-card mt-20",children:[(0,g.jsx)(i.EY,{className:"section-label",children:"\u5916\u89c2"}),(0,g.jsx)(i.Ss,{className:"theme-options",children:j.map(function(e){return(0,g.jsxs)(i.Ss,{className:"theme-option ".concat(s===e.value?"active":""),onTap:function(){return a(e.value)},children:[(0,g.jsx)(i.EY,{className:"theme-option-text",children:e.label}),s===e.value&&(0,g.jsx)(i.Ss,{className:"theme-check"})]},e.value)})}),"auto"===s&&(0,g.jsxs)(i.EY,{className:"theme-hint",children:["\u5f53\u524d\u8ddf\u968f\u7cfb\u7edf\uff1a","dark"===n?"\u6df1\u8272\u6a21\u5f0f":"\u6d45\u8272\u6a21\u5f0f"]})]}),(0,g.jsx)(i.Ss,{className:"settings-list dashed-card mt-20",children:N.map(function(e,s){return(0,g.jsxs)(i.Ss,{className:"settings-item ".concat(sP.price&&(0,m.jsxs)(o.EY,{className:"shop-hero-original",children:["\xa5",P.originalPrice]})]})]})]}),(0,m.jsxs)(o.BM,{className:"shop-scroll",scrollY:!0,scrollEventThrottle:16,style:{height:"".concat(b,"px")},onScroll:O,children:[(0,m.jsx)(o.Ss,{style:{height:"".concat(.65*b,"px")}}),(0,m.jsxs)(o.Ss,{className:"shop-content",style:{backgroundColor:"rgb(".concat(C[0],", ").concat(C[1],", ").concat(C[2],")")},children:[(0,m.jsxs)(o.Ss,{className:"shop-band",style:{top:"".concat(E.statusBarHeight,"px"),opacity:T.bandOpacity,backgroundColor:"rgba(".concat(C[0],", ").concat(C[1],", ").concat(C[2],", 0.88)"),backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)"},children:[(0,m.jsx)(o.EY,{className:"shop-band-title",children:P.name}),(0,m.jsx)(o.EY,{className:"shop-band-subtitle",children:P.subtitle||P.desc}),(0,m.jsxs)(o.Ss,{className:"shop-band-price-row",children:[(0,m.jsxs)(o.EY,{className:"shop-band-price",children:["\xa5",P.price]}),P.originalPrice&&P.originalPrice>P.price&&(0,m.jsxs)(o.EY,{className:"shop-band-original",children:["\xa5",P.originalPrice]})]})]}),(0,m.jsxs)(o.Ss,{className:"shop-detail-body",style:{opacity:T.contentOpacity,transform:"translateY(".concat(T.contentOffset,"px)")},children:[P.story&&(0,m.jsxs)(o.Ss,{className:"shop-section",children:[(0,m.jsx)(o.EY,{className:"shop-section-title",children:"\u8bbe\u8ba1\u7406\u5ff5"}),(0,m.jsx)(o.EY,{className:"shop-section-text",children:P.story})]}),(0,m.jsx)(o.Ss,{className:"shop-divider"}),P.scene&&(0,m.jsxs)(o.Ss,{className:"shop-section",children:[(0,m.jsx)(o.EY,{className:"shop-section-title",children:"\u4f7f\u7528\u573a\u666f"}),(0,m.jsx)(o.EY,{className:"shop-section-text",children:P.scene})]}),P.tags&&P.tags.length>0&&(0,m.jsx)(o.Ss,{className:"shop-section",children:(0,m.jsx)(o.Ss,{className:"shop-tag-row",children:P.tags.map(function(s){return(0,m.jsx)(o.Ss,{className:"shop-tag",children:(0,m.jsx)(o.EY,{className:"shop-tag-text",children:s})},s)})})}),(0,m.jsx)(o.Ss,{className:"shop-divider"}),P.specs&&P.specs.length>0&&(0,m.jsxs)(o.Ss,{className:"shop-section",children:[(0,m.jsx)(o.EY,{className:"shop-section-title",children:"\u89c4\u683c\u53c2\u6570"}),(0,m.jsx)(o.Ss,{className:"shop-spec-table",children:P.specs.map(function(s){var e=(0,t.A)(s,2),a=e[0],c=e[1];return(0,m.jsxs)(o.Ss,{className:"shop-spec-row",children:[(0,m.jsx)(o.EY,{className:"shop-spec-key",children:a}),(0,m.jsx)(o.EY,{className:"shop-spec-val",children:c})]},a)})})]}),(0,m.jsx)(o.Ss,{className:"shop-bottom-spacer"})]})]})]},P.id),(0,m.jsx)(o.Ss,{className:"shop-back-btn",onTap:function(){return i().navigateBack()},style:{top:"".concat(E.backBtnPaddingTop,"px"),opacity:T.backBtnOpacity},children:(0,m.jsx)(o.EY,{className:"shop-back-arrow",children:"\u2190"})}),(0,m.jsxs)(o.Ss,{className:"shop-cta-bar",style:{backgroundColor:"rgba(".concat(C[0],", ").concat(C[1],", ").concat(C[2],", 0.92)")},children:[(0,m.jsxs)(o.Ss,{className:"shop-cta-price-col",children:[(0,m.jsxs)(o.EY,{className:"shop-cta-price",children:["\xa5",P.price]}),P.originalPrice&&P.originalPrice>P.price&&(0,m.jsxs)(o.EY,{className:"shop-cta-original",children:["\xa5",P.originalPrice]})]}),(0,m.jsx)(o.Ss,{className:"shop-cta-btn",onTap:function(){return i().navigateTo({url:"/pages/product/index?id=".concat(P.id)})},children:(0,m.jsx)(o.EY,{className:"shop-cta-btn-text",children:"\u7acb\u5373\u5b9a\u5236"})})]})]}):(0,m.jsxs)(o.Ss,{className:"shop-detail-page",children:[(0,m.jsx)(x.A,{darkTop:!0}),(0,m.jsx)(o.EY,{style:{color:"#fff",padding:"40rpx"},children:"\u5546\u54c1\u4e0d\u5b58\u5728"})]})}var b={navigationStyle:"custom",enablePageMeta:!0,navigationBarTextStyle:"white"};Page((0,c.createPageConfig)(N,"pages/shop/detail/index",{root:{cn:[]}},b||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(3483)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[158],{3483:function(s,e,a){var c=a(7842),t=a(5544),n=a(118),r=a(758),o=a.n(r),i=a(6540),l=a(5234),h=a(9201),p=a(5414),d=a(9703),m=a(9674),x=a(9513),g=a(4848),u=function(s,e,a){return Math.min(Math.max(s,e),a)},j=function(s,e,a){return s+(e-s)*a},N=function(s){return 1-Math.pow(1-s,3)};function b(){var s=(0,d.wR)(),e=s.resolvedTheme,a=(0,i.useState)(667),c=(0,t.A)(a,2),r=c[0],b=c[1],f=(0,i.useState)(0),y=(0,t.A)(f,2),S=y[0],v=y[1],Y=(0,h.c)();(0,p.l)(e,{mode:"light"});var E=o().getCurrentInstance().router,k=E?E.params:void 0,w=k?k.id:"",P=l.zv.find(function(s){return s.id===w});(0,i.useEffect)(function(){try{var s=o().getSystemInfoSync();b(s.windowHeight)}catch(s){}},[]);var O=(0,i.useCallback)(function(s){var e=s.detail&&s.detail.scrollTop||0,a=1.2*r,c=u(e/a,0,1);v(c)},[r]),T=(0,i.useMemo)(function(){var s=S,e=0,a=0;if(s<=.4){var c=N(s/.4);e=j(0,32,c),a=j(0,38,c)}else if(s<=.55){var t=(s-.4)/.15;e=j(32,34,t),a=j(38,41,t)}else e=34,a=41;var n=0;n=s<=.4?0:s<=.7?j(0,-75,(s-.4)/.3):-75;var r=1;r=s<=.35?1:s<=.48?u(1-(s-.35)/.13,0,1):0;var o=0;o=s<=.55?0:s<=.7?(s-.55)/.15:1;var i=1,l=0;if(s<=.05)i=0,l=60;else if(s<=.22){var h=(s-.05)/.17;i=N(h),l=j(60,0,N(h))}var p=1;return s<=.15&&(p=u(1-s/.15,0,1)),{topCrop:e,bottomCrop:a,translateY:n,heroInfoOpacity:r,bandOpacity:o,contentOpacity:i,contentOffset:l,backBtnOpacity:p,visibleHeight:100-e-a}},[S]),B=(0,i.useMemo)(function(){return P?P.tone:[28,22,18]},[P]);return P?(0,g.jsxs)(n.Ss,{className:"shop-detail-page theme-dark",children:[(0,g.jsx)(m.A,{darkTop:!0}),(0,g.jsxs)(n.Ss,{className:"shop-hero-fixed",children:[(0,g.jsx)(n.Ss,{className:"shop-hero-clip",style:{height:"".concat(r*T.visibleHeight/100,"px"),overflow:"hidden",transform:"translateY(".concat(r*T.translateY/100,"px)")},children:(0,g.jsx)(n._V,{className:"shop-hero-img",src:P.images&&P.images[0]||P.iconImg||"",mode:"aspectFill",style:{width:"100%",height:"".concat(r,"px"),position:"absolute",top:"".concat(-r*T.topCrop/100,"px"),left:0}})}),(0,g.jsx)(n.Ss,{className:"shop-hero-overlay",style:{background:"linear-gradient(to bottom, rgba(".concat(B[0],", ").concat(B[1],", ").concat(B[2],", 0) 0%, rgba(").concat(B[0],", ").concat(B[1],", ").concat(B[2],", 0.55) 40%, rgba(").concat(B[0],", ").concat(B[1],", ").concat(B[2],", 0.95) 100%)")}}),(0,g.jsxs)(n.Ss,{className:"shop-hero-info",style:{opacity:T.heroInfoOpacity},children:[(0,g.jsx)(n.EY,{className:"shop-hero-title",children:P.name}),(0,g.jsx)(n.EY,{className:"shop-hero-subtitle",children:P.subtitle||P.desc}),(0,g.jsxs)(n.Ss,{className:"shop-hero-price-row",children:[(0,g.jsxs)(n.EY,{className:"shop-hero-price",children:["\xa5",P.price]}),P.originalPrice&&P.originalPrice>P.price&&(0,g.jsxs)(n.EY,{className:"shop-hero-original",children:["\xa5",P.originalPrice]})]})]})]}),(0,g.jsxs)(n.BM,{className:"shop-scroll",scrollY:!0,scrollEventThrottle:16,style:{height:"".concat(r,"px")},onScroll:O,children:[(0,g.jsx)(n.Ss,{style:{height:"".concat(.65*r,"px")}}),(0,g.jsxs)(n.Ss,{className:"shop-content",style:{backgroundColor:"rgb(".concat(B[0],", ").concat(B[1],", ").concat(B[2],")")},children:[(0,g.jsxs)(n.Ss,{className:"shop-band",style:{top:"".concat(Y.statusBarHeight,"px"),opacity:T.bandOpacity,backgroundColor:"rgba(".concat(B[0],", ").concat(B[1],", ").concat(B[2],", 0.88)"),backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)"},children:[(0,g.jsx)(n.EY,{className:"shop-band-title",children:P.name}),(0,g.jsx)(n.EY,{className:"shop-band-subtitle",children:P.subtitle||P.desc}),(0,g.jsxs)(n.Ss,{className:"shop-band-price-row",children:[(0,g.jsxs)(n.EY,{className:"shop-band-price",children:["\xa5",P.price]}),P.originalPrice&&P.originalPrice>P.price&&(0,g.jsxs)(n.EY,{className:"shop-band-original",children:["\xa5",P.originalPrice]})]})]}),(0,g.jsxs)(n.Ss,{className:"shop-detail-body",style:{opacity:T.contentOpacity,transform:"translateY(".concat(T.contentOffset,"px)")},children:[(0,g.jsxs)(n.Ss,{className:"shop-content-card",children:[P.story&&(0,g.jsxs)(n.Ss,{className:"shop-section",children:[(0,g.jsx)(n.EY,{className:"shop-section-title",children:"\u8bbe\u8ba1\u7406\u5ff5"}),(0,g.jsx)(n.EY,{className:"shop-section-text",children:P.story})]}),P.story&&P.scene&&(0,g.jsx)(n.Ss,{className:"shop-divider"}),P.scene&&(0,g.jsxs)(n.Ss,{className:"shop-section",children:[(0,g.jsx)(n.EY,{className:"shop-section-title",children:"\u4f7f\u7528\u573a\u666f"}),(0,g.jsx)(n.EY,{className:"shop-section-text",children:P.scene})]}),P.tags&&P.tags.length>0&&(0,g.jsx)(n.Ss,{className:"shop-section",children:(0,g.jsx)(n.Ss,{className:"shop-tag-row",children:P.tags.map(function(s){return(0,g.jsx)(n.Ss,{className:"shop-tag",children:(0,g.jsx)(n.EY,{className:"shop-tag-text",children:s})},s)})})}),(P.story||P.scene)&&P.tags&&P.tags.length>0&&(0,g.jsx)(n.Ss,{className:"shop-divider"}),(P.story||P.scene||P.tags&&P.tags.length>0)&&P.specs&&P.specs.length>0&&(0,g.jsx)(n.Ss,{className:"shop-divider"}),P.specs&&P.specs.length>0&&(0,g.jsxs)(n.Ss,{className:"shop-section",children:[(0,g.jsx)(n.EY,{className:"shop-section-title",children:"\u89c4\u683c\u53c2\u6570"}),(0,g.jsx)(n.Ss,{className:"shop-spec-table",children:P.specs.map(function(s){var e=(0,t.A)(s,2),a=e[0],c=e[1];return(0,g.jsxs)(n.Ss,{className:"shop-spec-row",children:[(0,g.jsx)(n.EY,{className:"shop-spec-key",children:a}),(0,g.jsx)(n.EY,{className:"shop-spec-val",children:c})]},a)})})]})]}),(0,g.jsx)(n.Ss,{className:"shop-bottom-spacer"})]})]})]},P.id),(0,g.jsx)(n.Ss,{className:"shop-back-btn",onTap:function(){return o().navigateBack()},style:{top:"".concat(Y.backBtnPaddingTop,"px"),opacity:T.backBtnOpacity},children:(0,g.jsx)(n.EY,{className:"shop-back-arrow",children:"\u2190"})}),(0,g.jsxs)(x.A,{children:[(0,g.jsxs)(n.Ss,{className:"price-summary",children:[(0,g.jsx)(n.EY,{className:"summary-label",children:"\u8d77\u4ef7"}),(0,g.jsxs)(n.EY,{className:"summary-price",children:["\xa5",P.price]}),P.originalPrice&&P.originalPrice>P.price&&(0,g.jsxs)(n.EY,{className:"summary-original",children:["\xa5",P.originalPrice]})]}),(0,g.jsx)(n.Ss,{className:"btn-secondary",onTap:function(){return o().navigateBack()},children:(0,g.jsx)(n.EY,{children:"\u8fd4\u56de"})}),(0,g.jsx)(n.Ss,{className:"btn-primary",onTap:function(){return o().navigateTo({url:"/pages/product/index?id=".concat(P.id)})},children:(0,g.jsx)(n.EY,{children:"\u7acb\u5373\u5b9a\u5236"})})]}),(0,g.jsx)(n.Ss,{className:"safe-bottom-placeholder"})]}):(0,g.jsxs)(n.Ss,{className:"shop-detail-page theme-dark",children:[(0,g.jsx)(m.A,{darkTop:!0}),(0,g.jsx)(n.EY,{style:{color:"#fff",padding:"40rpx"},children:"\u5546\u54c1\u4e0d\u5b58\u5728"})]})}var f={navigationStyle:"custom",enablePageMeta:!0,navigationBarTextStyle:"white"};Page((0,c.createPageConfig)(b,"pages/shop/detail/index",{root:{cn:[]}},f||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(3483)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/shop/detail/index.wxss b/dist/pages/shop/detail/index.wxss index 07897a2..c7a55dd 100644 --- a/dist/pages/shop/detail/index.wxss +++ b/dist/pages/shop/detail/index.wxss @@ -1 +1 @@ -.shop-detail-page{background:#1c1612;bottom:0;left:0;position:fixed;right:0;top:0}.shop-hero-fixed{height:65vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shop-hero-clip{bottom:0;left:0;position:absolute;right:0;top:0;will-change:height,transform}.shop-hero-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;will-change:top}.shop-hero-overlay{bottom:0;height:55%;left:0;pointer-events:none;position:absolute;right:0}.shop-hero-info{bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8rpx;left:0;padding:80rpx 40rpx 24rpx;position:absolute;right:0;z-index:2}.shop-hero-title{color:#f0e6d8;font-size:40rpx;font-weight:700;line-height:1.3}.shop-hero-subtitle{color:#b0a395;font-size:22rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-hero-price-row{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-top:6rpx}.shop-hero-price{color:#ff9a9e;font-size:44rpx;font-weight:700}.shop-hero-original{color:#8a7e72;font-size:26rpx;text-decoration:line-through}.shop-scroll{position:relative;z-index:3}.shop-content{min-height:100vh;will-change:transform}.shop-band{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10rpx;padding:40rpx 40rpx 32rpx;position:-webkit-sticky;position:sticky;top:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;will-change:opacity;z-index:4}.shop-band-title{color:#f0e6d8;font-size:44rpx;font-weight:700;line-height:1.3}.shop-band-subtitle{color:#b0a395;font-size:24rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-band-price-row{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-top:6rpx}.shop-band-price{color:#ff9a9e;font-size:48rpx;font-weight:700}.shop-band-original{color:#8a7e72;font-size:26rpx;text-decoration:line-through}.shop-detail-body{padding:32rpx 40rpx 60rpx;will-change:opacity,transform}.shop-section{margin-bottom:32rpx}.shop-section-title{color:#f0e6d8;display:block;font-size:34rpx;font-weight:700;margin:28rpx 0 20rpx;padding-left:20rpx;position:relative}.shop-section-title::before{background:-webkit-gradient(linear,left top,left bottom,from(#ff9a9e),to(#fecfef));background:-webkit-linear-gradient(top,#ff9a9e,#fecfef);background:linear-gradient(180deg,#ff9a9e,#fecfef);border-radius:4rpx;bottom:6rpx;content:"";left:0;position:absolute;top:6rpx;width:6rpx}.shop-section-text{color:#c4b8a8;display:block;font-size:28rpx;line-height:1.75}.shop-divider{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.08)),to(transparent));background:-webkit-linear-gradient(left,transparent,hsla(0,0%,100%,.08),transparent);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);height:2rpx;margin:40rpx 0}.shop-tag-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;margin:20rpx 0}.shop-tag{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(255,154,158,.12);border:1rpx solid rgba(255,154,158,.2);border-radius:40rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:22rpx;font-weight:500;-webkit-justify-content:center;justify-content:center;padding:10rpx 28rpx}.shop-tag-text{color:#ff9a9e}.shop-spec-table{border-collapse:collapse;border-radius:16rpx;font-size:26rpx;overflow:hidden;width:100%}.shop-spec-row{border-bottom:1rpx solid hsla(0,0%,100%,.06);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20rpx 24rpx}.shop-spec-row:last-child{border-bottom:none}.shop-spec-key{color:#8a7e72;font-size:24rpx;font-weight:500;width:35%}.shop-spec-val{color:#e8e0d6;-webkit-flex:1;-ms-flex:1;flex:1;word-break:break-all}.shop-bottom-spacer{height:200rpx}.shop-back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(16rpx) saturate(1.4);-webkit-backdrop-filter:blur(16rpx) saturate(1.4);background:rgba(0,0,0,.35);border:1rpx solid hsla(0,0%,100%,.12);border-radius:50%;-webkit-box-shadow:0 2rpx 16rpx rgba(0,0,0,.25);box-shadow:0 2rpx 16rpx rgba(0,0,0,.25);display:-webkit-flex;display:-ms-flexbox;display:flex;height:80rpx;-webkit-justify-content:center;justify-content:center;left:24rpx;position:fixed;top:calc(env(safe-area-inset-top, 20rpx) + 20rpx);-webkit-transition:opacity .2s ease,-webkit-transform .15s ease;transition:opacity .2s ease,-webkit-transform .15s ease;transition:opacity .2s ease,transform .15s ease;transition:opacity .2s ease,transform .15s ease,-webkit-transform .15s ease;width:80rpx;z-index:50}.shop-back-btn:active{-webkit-transform:scale(.92);-ms-transform:scale(.92);transform:scale(.92)}.shop-back-arrow{color:hsla(0,0%,100%,.85);font-size:36rpx;line-height:1}.shop-cta-bar{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;backdrop-filter:blur(16rpx) saturate(1.2);-webkit-backdrop-filter:blur(16rpx) saturate(1.2);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;left:0;padding:20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom, 0rpx));position:fixed;right:0;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;z-index:60}.shop-cta-price-col{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:12rpx}.shop-cta-price{color:#ff9a9e;font-size:40rpx;font-weight:700}.shop-cta-original{color:#8a7e72;font-size:24rpx;text-decoration:line-through}.shop-cta-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-linear-gradient(315deg,#ff9a9e,#fecfef 99%);background:linear-gradient(135deg,#ff9a9e,#fecfef 99%);border-radius:50rpx;color:#5c3a3a;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:30rpx;font-weight:600;-webkit-justify-content:center;justify-content:center;max-width:260rpx;padding:24rpx 48rpx;text-align:center}.shop-cta-btn-text{color:inherit;font-weight:600} \ No newline at end of file +.shop-detail-page{background:var(--bg-page);bottom:0;left:0;position:fixed;right:0;top:0}.shop-hero-fixed{height:65vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shop-hero-clip{bottom:0;left:0;position:absolute;right:0;top:0;will-change:height,transform}.shop-hero-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;will-change:top}.shop-hero-overlay{bottom:0;height:55%;left:0;pointer-events:none;position:absolute;right:0}.shop-hero-info{bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8rpx;left:0;padding:96rpx 40rpx calc(24rpx + env(safe-area-inset-bottom));position:absolute;right:0;z-index:2}.shop-hero-title{color:var(--text-primary);font-size:44rpx;font-weight:700;line-height:1.3}.shop-hero-subtitle{color:var(--text-secondary);font-size:24rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-hero-price-row{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-top:6rpx}.shop-hero-price{color:var(--accent-primary);font-size:44rpx;font-weight:700}.shop-hero-original{color:var(--text-muted);font-size:26rpx;text-decoration:line-through}.shop-scroll{position:relative;z-index:3}.shop-content{min-height:100vh;will-change:transform}.shop-band{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10rpx;padding:24rpx 40rpx;position:-webkit-sticky;position:sticky;top:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;will-change:opacity;z-index:4}.shop-band-title{color:var(--text-primary);font-size:40rpx;font-weight:700;line-height:1.3}.shop-band-subtitle{color:var(--text-secondary);font-size:24rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-band-price-row{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin-top:6rpx}.shop-band-price{color:var(--accent-primary);font-size:40rpx;font-weight:700}.shop-band-original{color:var(--text-muted);font-size:26rpx;text-decoration:line-through}.shop-detail-body{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32rpx calc(48rpx + env(safe-area-inset-bottom));will-change:opacity,transform}.shop-content-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:32rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;padding:32rpx}.shop-section{margin-bottom:32rpx}.shop-section:last-child{margin-bottom:0}.shop-section-title{color:var(--text-primary);display:block;font-size:34rpx;font-weight:700;letter-spacing:0;margin:0 0 20rpx;padding-left:20rpx;position:relative}.shop-section-title::before{background:var(--accent-primary);border-radius:999rpx;bottom:8rpx;content:"";left:0;position:absolute;top:8rpx;width:6rpx}.shop-section-text{color:var(--text-secondary);display:block;font-size:28rpx;line-height:1.8}.shop-divider{background:var(--border);height:1rpx;margin:32rpx 0}.shop-tag-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;margin:20rpx 0}.shop-tag{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--accent-primary-soft);border:1rpx solid var(--accent-primary);border-radius:999rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:22rpx;font-weight:600;height:56rpx;-webkit-justify-content:center;justify-content:center;padding:0 28rpx}.shop-tag-text{color:var(--accent-primary)}.shop-spec-table{background:var(--bg-muted);border:1rpx solid var(--border);border-radius:20rpx;overflow:hidden;width:100%}.shop-spec-row{border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:24rpx 28rpx}.shop-spec-row:last-child{border-bottom:none}.shop-spec-key{color:var(--text-muted);font-size:24rpx;font-weight:500;width:35%}.shop-spec-val{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:26rpx;font-weight:500;word-break:break-all}.shop-bottom-spacer{height:200rpx}.shop-back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(16rpx) saturate(1.4);-webkit-backdrop-filter:blur(16rpx) saturate(1.4);background:rgba(40,35,32,.5);border:1rpx solid var(--glass-line);border-radius:50%;-webkit-box-shadow:var(--shadow-elevated);box-shadow:var(--shadow-elevated);display:-webkit-flex;display:-ms-flexbox;display:flex;height:88rpx;-webkit-justify-content:center;justify-content:center;left:24rpx;position:fixed;top:calc(env(safe-area-inset-top, 20rpx) + 20rpx);-webkit-transition:opacity .2s ease,-webkit-transform .15s ease;transition:opacity .2s ease,-webkit-transform .15s ease;transition:opacity .2s ease,transform .15s ease;transition:opacity .2s ease,transform .15s ease,-webkit-transform .15s ease;width:88rpx;z-index:50}.shop-back-btn:active{-webkit-transform:scale(.92);-ms-transform:scale(.92);transform:scale(.92)}.shop-back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.bottom-action-bar .price-summary{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.bottom-action-bar .btn-primary,.bottom-action-bar .btn-secondary{-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;line-height:1.2;padding:28rpx 0;text-align:center}.summary-label{color:var(--text-secondary);display:block;font-size:22rpx}.summary-price{color:var(--accent-primary);font-size:40rpx;font-weight:700}.summary-original{color:var(--text-muted);font-size:24rpx;text-decoration:line-through} \ No newline at end of file diff --git a/dist/pages/shop/index.js b/dist/pages/shop/index.js index 7013ec4..6d595ab 100644 --- a/dist/pages/shop/index.js +++ b/dist/pages/shop/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[205],{6296:function(s,e,a){var n=a(7842),c=a(118),o=a(758),i=a.n(o),r=a(9703),l=a(9201),d=a(5414),t=a(9674),h=a(5234),p=a(4848);function m(){var s=(0,r.wR)(),e=s.resolvedTheme,a=(0,l.c)();(0,d.l)(e);var n=function(s){i().navigateTo({url:"/pages/shop/detail/index?id=".concat(s)})};return(0,p.jsxs)(c.Ss,{className:"shop-page theme-".concat(e),children:[(0,p.jsx)(t.A,{}),(0,p.jsxs)(c.Ss,{className:"shop-list",children:[(0,p.jsxs)(c.Ss,{className:"shop-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:[(0,p.jsx)(c.EY,{className:"shop-header-title",children:"\u667a\u7ed8\u7cbe\u9009"}),(0,p.jsx)(c.EY,{className:"shop-header-sub",children:"\u6fc0\u5149\u5fae\u96d5\u5b9a\u5236\u597d\u7269"})]}),(0,p.jsx)(c.Ss,{className:"shop-grid",children:h.zv.map(function(s){var e,a,o,i;return(0,p.jsxs)(c.Ss,{className:"shop-card",onTap:function(){return n(s.id)},children:[(0,p.jsx)(c.Ss,{className:"shop-card-img-wrap",children:(0,p.jsx)(c._V,{className:"shop-card-img",src:(null===(e=s.images)||void 0===e?void 0:e[0])||s.iconImg||"",mode:"aspectFill",lazyLoad:!0})}),(0,p.jsxs)(c.Ss,{className:"shop-card-info",style:{backgroundColor:"rgba(".concat((null===(a=s.tone)||void 0===a?void 0:a[0])||28,", ").concat((null===(o=s.tone)||void 0===o?void 0:o[1])||22,", ").concat((null===(i=s.tone)||void 0===i?void 0:i[2])||18,", 0.92)")},children:[(0,p.jsx)(c.EY,{className:"shop-card-name",children:s.name}),(0,p.jsxs)(c.EY,{className:"shop-card-price",children:["\xa5",s.price]})]})]},s.id)})}),(0,p.jsx)(c.Ss,{style:{height:"160px"}})]})]})}var u={navigationStyle:"custom",enablePageMeta:!0};Page((0,n.createPageConfig)(m,"pages/shop/index",{root:{cn:[]}},u||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(6296)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[205],{6296:function(s,e,a){var c=a(7842),n=a(118),r=a(758),i=a.n(r),o=a(9703),d=a(9201),l=a(5414),h=a(9674),p=a(5234),t=a(4848);function m(){var s=(0,o.wR)(),e=s.resolvedTheme,a=(0,d.c)();(0,l.l)(e);var c=function(s){i().navigateTo({url:"/pages/shop/detail/index?id=".concat(s)})};return(0,t.jsxs)(n.Ss,{className:"shop-page theme-".concat(e),children:[(0,t.jsx)(h.A,{}),(0,t.jsxs)(n.Ss,{className:"shop-list",children:[(0,t.jsxs)(n.Ss,{className:"shop-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:[(0,t.jsx)(n.EY,{className:"shop-header-title",children:"\u667a\u7ed8\u7cbe\u9009"}),(0,t.jsx)(n.EY,{className:"shop-header-sub",children:"\u6fc0\u5149\u5fae\u96d5\u5b9a\u5236\u597d\u7269"})]}),(0,t.jsx)(n.Ss,{className:"shop-grid",children:p.zv.map(function(s){var e=s.images[0]||s.iconImg||"";return(0,t.jsxs)(n.Ss,{className:"shop-card",onTap:function(){return c(s.id)},children:[(0,t.jsx)(n.Ss,{className:"shop-card-img-wrap",children:(0,t.jsx)(n._V,{className:"shop-card-img",src:e,mode:"aspectFill",lazyLoad:!0})}),(0,t.jsxs)(n.Ss,{className:"shop-card-body",children:[(0,t.jsx)(n.EY,{className:"shop-card-name",children:s.name}),(0,t.jsx)(n.EY,{className:"shop-card-desc",children:s.desc||""}),(0,t.jsxs)(n.EY,{className:"shop-card-price",children:["\xa5",s.price]})]})]},s.id)})})]})]})}var x={navigationStyle:"custom",enablePageMeta:!0};Page((0,c.createPageConfig)(m,"pages/shop/index",{root:{cn:[]}},x||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(6296)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/shop/index.wxss b/dist/pages/shop/index.wxss index 36a4d21..231692a 100644 --- a/dist/pages/shop/index.wxss +++ b/dist/pages/shop/index.wxss @@ -1 +1 @@ -.shop-list{padding:0 24rpx 24rpx}.shop-header{padding:40rpx 0 24rpx;text-align:center}.shop-header-title{color:var(--text-primary);display:block;font-size:40rpx;font-weight:800;letter-spacing:4rpx}.shop-header-sub{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:8rpx}.shop-grid{display:grid;gap:20rpx;grid-template-columns:1fr 1fr}.shop-card{background:var(--bg-card);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.shop-card:active{-webkit-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}.shop-card-img-wrap{aspect-ratio:3/4;background:#2a2218;overflow:hidden}.shop-card-img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.shop-card-info{padding:16rpx 20rpx 20rpx}.shop-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e8e0d6;display:-webkit-box;font-size:26rpx;line-height:1.4;min-height:74rpx;overflow:hidden}.shop-card-price{color:#ff9a9e;display:block;font-size:30rpx;font-weight:700;margin-top:10rpx}@media (min-width:750rpx){.shop-page{-ms-flex-pack:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}} \ No newline at end of file +.shop-list{padding:0 32rpx 24rpx}.shop-header{padding:48rpx 0 32rpx;text-align:center}.shop-header-title{color:var(--text-primary);display:block;font-size:44rpx;font-weight:700;letter-spacing:0}.shop-header-sub{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:8rpx}.shop-grid{display:grid;gap:24rpx;grid-template-columns:1fr 1fr}.shop-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.shop-card:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.shop-card-img-wrap{aspect-ratio:1/1;background:var(--bg-muted);overflow:hidden}.shop-card-img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.shop-card-body{padding:20rpx 24rpx 24rpx}.shop-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:28rpx;font-weight:700;line-height:1.4;overflow:hidden}.shop-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:24rpx;line-height:1.4;margin-top:8rpx;overflow:hidden}.shop-card-price{color:var(--accent-primary);display:block;font-size:32rpx;font-variant:tabular-nums;font-weight:700;margin-top:12rpx}@media (min-width:750rpx){.shop-page{-ms-flex-pack:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}} \ No newline at end of file diff --git a/dist/pages/userDatabase/index.js b/dist/pages/userDatabase/index.js index d931bbc..a29a87f 100644 --- a/dist/pages/userDatabase/index.js +++ b/dist/pages/userDatabase/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[107],{540:function(s,e,a){var c=a(7842),n=a(5544),l=a(118),d=a(758),t=a.n(d),i=a(6540),o=a(8594),r=a(9703),u=a(9201),h=a(5414),m=a(9674),x=a(8199),j=a(4848);function b(){var s,e=(0,r.wR)(),a=(e.theme,e.resolvedTheme),c=(0,u.c)();(0,h.l)(a);var d=(0,i.useState)(!1),b=(0,n.A)(d,2),p=b[0],N=b[1],S=(0,i.useState)(""),g=(0,n.A)(S,2),f=g[0],E=g[1],Y=(0,i.useState)(!1),v=(0,n.A)(Y,2),T=v[0],w=v[1],k=(0,i.useState)([]),A=(0,n.A)(k,2),y=A[0],C=A[1],P=(0,i.useState)(!1),I=(0,n.A)(P,2),D=I[0],F=I[1],J=(0,i.useState)(""),M=(0,n.A)(J,2),O=M[0],q=M[1],B=function(){return C((0,o.Q1)())};(0,i.useEffect)(function(){B()},[]);var G=function(){(0,o.uF)(f)?(N(!0),w(!1),B()):w(!0)},Q=function(s){(0,o.iZ)(s)?(t().showToast({title:"\u5207\u6362\u6210\u529f",icon:"success"}),B()):t().showToast({title:"\u5207\u6362\u5931\u8d25",icon:"none"})},R=function(s){t().showModal({title:"\u786e\u8ba4\u5220\u9664",content:"\u5220\u9664\u540e\u5c06\u6e05\u7a7a\u8be5\u7528\u6237\u6240\u6709\u6570\u636e\uff0c\u65e0\u6cd5\u6062\u590d",confirmColor:"#e64340",success:function(e){e.confirm&&((0,o.hG)(s),B(),t().showToast({title:"\u5df2\u5220\u9664",icon:"success"}))}})},V=function(){O.trim()?((0,o.kg)(O.trim()),F(!1),q(""),B(),t().showToast({title:"\u521b\u5efa\u6210\u529f",icon:"success"})):t().showToast({title:"\u8bf7\u8f93\u5165\u6635\u79f0",icon:"none"})},Z=(null===(s=(0,o.ug)())||void 0===s?void 0:s.openid)||"";return p?(0,j.jsxs)(l.Ss,{className:"theme-".concat(a),children:[(0,j.jsx)(m.A,{}),(0,j.jsxs)(l.Ss,{className:"udb-page",children:[(0,j.jsxs)(l.Ss,{className:"page-header dashed-card mt-20",style:{marginTop:"".concat(c.headerPaddingTop,"px")},children:[(0,j.jsx)(l.Ss,{className:"star-badge"}),(0,j.jsx)(l.EY,{className:"page-title",children:"\u672c\u5730\u7528\u6237\u6570\u636e\u5e93"})]}),(0,j.jsx)(l.Ss,{className:"udb-toolbar",children:(0,j.jsx)(l.Ss,{className:"btn-gradient udb-add-btn",onTap:function(){return F(!0)},children:(0,j.jsx)(l.EY,{children:"+ \u65b0\u5efa\u8d26\u53f7"})})}),(0,j.jsxs)(l.Ss,{className:"udb-table",children:[(0,j.jsxs)(l.Ss,{className:"udb-row udb-header",children:[(0,j.jsx)(l.EY,{className:"udb-col col-nick",children:"\u6635\u79f0"}),(0,j.jsx)(l.EY,{className:"udb-col col-id",children:"ID"}),(0,j.jsx)(l.EY,{className:"udb-col col-stats",children:"\u8bbe\u8ba1/\u8ba2\u5355"}),(0,j.jsx)(l.EY,{className:"udb-col col-action",children:"\u64cd\u4f5c"})]}),y.map(function(s){return(0,j.jsxs)(l.Ss,{className:"udb-row ".concat(s.openid===Z?"active":""),children:[(0,j.jsx)(l.EY,{className:"udb-col col-nick",children:s.nickName}),(0,j.jsx)(l.EY,{className:"udb-col col-id",children:s.openid}),(0,j.jsxs)(l.EY,{className:"udb-col col-stats",children:[s.designCount," / ",s.orderCount]}),(0,j.jsxs)(l.Ss,{className:"udb-col col-action",children:[s.openid!==Z&&(0,j.jsx)(l.Ss,{className:"udb-link",onTap:function(){return Q(s.openid)},children:(0,j.jsx)(l.EY,{children:"\u5207\u6362"})}),s.openid===Z&&(0,j.jsx)(l.EY,{className:"udb-current",children:"\u5f53\u524d"}),(0,j.jsx)(l.Ss,{className:"udb-link udb-danger",onTap:function(){return R(s.openid)},children:(0,j.jsx)(l.EY,{children:"\u5220\u9664"})})]})]},s.openid)}),0===y.length&&(0,j.jsx)(l.Ss,{className:"udb-empty",children:(0,j.jsx)(l.EY,{children:"\u6682\u65e0\u7528\u6237\u6570\u636e"})})]}),D&&(0,j.jsx)(l.Ss,{className:"modal-overlay",children:(0,j.jsxs)(l.Ss,{className:"udb-add-card dashed-card",children:[(0,j.jsx)(l.Ss,{className:"star-badge"}),(0,j.jsx)(l.EY,{className:"udb-add-title",children:"\u65b0\u5efa\u672c\u5730\u8d26\u53f7"}),(0,j.jsx)(l.pd,{className:"udb-add-input",type:"text",placeholder:"\u8bf7\u8f93\u5165\u6635\u79f0",value:O,onInput:function(s){return q(s.detail.value)}}),(0,j.jsxs)(l.Ss,{className:"udb-add-actions",children:[(0,j.jsx)(l.Ss,{className:"btn-outline",onTap:function(){return F(!1)},children:(0,j.jsx)(l.EY,{children:"\u53d6\u6d88"})}),(0,j.jsx)(l.Ss,{className:"btn-gradient",onTap:V,children:(0,j.jsx)(l.EY,{children:"\u521b\u5efa"})})]})]})})]})]}):(0,j.jsxs)(l.Ss,{className:"theme-".concat(a),children:[(0,j.jsx)(m.A,{}),(0,j.jsx)(l.Ss,{className:"udb-page",children:(0,j.jsxs)(l.Ss,{className:"udb-lock-card dashed-card mt-20",children:[(0,j.jsx)(l.Ss,{className:"star-badge"}),(0,j.jsx)(l._V,{className:"udb-lock-icon",src:(0,x.uq)("/icon/\u8d26\u53f7\u7ba1\u7406.png"),mode:"aspectFit"}),(0,j.jsx)(l.EY,{className:"udb-lock-title",children:"\u7ba1\u7406\u5458\u9a8c\u8bc1"}),(0,j.jsx)(l.EY,{className:"udb-lock-desc",children:"\u8bf7\u8f93\u5165\u5bc6\u7801\u4ee5\u8bbf\u95ee\u7528\u6237\u6570\u636e\u5e93"}),(0,j.jsx)(l.pd,{className:"udb-password-input",type:"text",password:!0,placeholder:"\u8f93\u5165\u5bc6\u7801",value:f,onInput:function(s){return E(s.detail.value)}}),T&&(0,j.jsx)(l.EY,{className:"udb-error",children:"\u5bc6\u7801\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5"}),(0,j.jsx)(l.Ss,{className:"btn-gradient udb-btn",onTap:G,children:(0,j.jsx)(l.EY,{children:"\u8fdb\u5165\u6570\u636e\u5e93"})})]})})]})}var p={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u7528\u6237\u6570\u636e\u5e93"};Page((0,c.createPageConfig)(b,"pages/userDatabase/index",{root:{cn:[]}},p||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(540)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[107],{540:function(s,e,a){var c=a(7842),n=a(5544),d=a(118),l=a(758),t=a.n(l),i=a(6540),o=a(8594),r=a(9703),u=a(9201),h=a(5414),m=a(9674),x=a(8199),p=a(4848);function b(){var s=(0,r.wR)(),e=(s.theme,s.resolvedTheme),a=(0,u.c)();(0,h.l)(e);var c=(0,i.useState)(!1),l=(0,n.A)(c,2),b=l[0],j=l[1],N=(0,i.useState)(""),S=(0,n.A)(N,2),f=S[0],g=S[1],E=(0,i.useState)(!1),Y=(0,n.A)(E,2),T=Y[0],v=Y[1],w=(0,i.useState)([]),k=(0,n.A)(w,2),y=k[0],A=k[1],P=(0,i.useState)(!1),C=(0,n.A)(P,2),I=C[0],D=C[1],F=(0,i.useState)(""),J=(0,n.A)(F,2),M=J[0],O=J[1],q=function(){return A((0,o.Q1)())};(0,i.useEffect)(function(){q()},[]);var B=function(){(0,o.uF)(f)?(j(!0),v(!1),q()):v(!0)},G=function(s){(0,o.iZ)(s)?(t().showToast({title:"\u5207\u6362\u6210\u529f",icon:"success"}),q()):t().showToast({title:"\u5207\u6362\u5931\u8d25",icon:"none"})},Q=function(s){t().showModal({title:"\u786e\u8ba4\u5220\u9664",content:"\u5220\u9664\u540e\u5c06\u6e05\u7a7a\u8be5\u7528\u6237\u6240\u6709\u6570\u636e\uff0c\u65e0\u6cd5\u6062\u590d",confirmColor:"dark"===e?"#ef7a7a":"#d85d5d",success:function(e){e.confirm&&((0,o.hG)(s),q(),t().showToast({title:"\u5df2\u5220\u9664",icon:"success"}))}})},R=function(){M.trim()?((0,o.kg)(M.trim()),D(!1),O(""),q(),t().showToast({title:"\u521b\u5efa\u6210\u529f",icon:"success"})):t().showToast({title:"\u8bf7\u8f93\u5165\u6635\u79f0",icon:"none"})},V=(0,o.ug)(),Z=V&&V.openid||"";return b?(0,p.jsxs)(d.Ss,{className:"theme-".concat(e),children:[(0,p.jsx)(m.A,{}),(0,p.jsxs)(d.Ss,{className:"udb-page",children:[(0,p.jsx)(d.Ss,{className:"page-header udb-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,p.jsx)(d.EY,{className:"page-title",children:"\u672c\u5730\u7528\u6237\u6570\u636e\u5e93"})}),(0,p.jsx)(d.Ss,{className:"udb-toolbar",children:(0,p.jsx)(d.Ss,{className:"btn-primary udb-add-btn",onTap:function(){return D(!0)},children:(0,p.jsx)(d.EY,{children:"+ \u65b0\u5efa\u8d26\u53f7"})})}),(0,p.jsxs)(d.Ss,{className:"udb-table",children:[(0,p.jsxs)(d.Ss,{className:"udb-row udb-header",children:[(0,p.jsx)(d.EY,{className:"udb-col col-nick",children:"\u6635\u79f0"}),(0,p.jsx)(d.EY,{className:"udb-col col-id",children:"ID"}),(0,p.jsx)(d.EY,{className:"udb-col col-stats",children:"\u8bbe\u8ba1/\u8ba2\u5355"}),(0,p.jsx)(d.EY,{className:"udb-col col-action",children:"\u64cd\u4f5c"})]}),y.map(function(s){return(0,p.jsxs)(d.Ss,{className:"udb-row ".concat(s.openid===Z?"active":""),children:[(0,p.jsx)(d.EY,{className:"udb-col col-nick",children:s.nickName}),(0,p.jsx)(d.EY,{className:"udb-col col-id",children:s.openid}),(0,p.jsxs)(d.EY,{className:"udb-col col-stats",children:[s.designCount," / ",s.orderCount]}),(0,p.jsxs)(d.Ss,{className:"udb-col col-action",children:[s.openid!==Z&&(0,p.jsx)(d.Ss,{className:"udb-link",onTap:function(){return G(s.openid)},children:(0,p.jsx)(d.EY,{children:"\u5207\u6362"})}),s.openid===Z&&(0,p.jsx)(d.EY,{className:"udb-current",children:"\u5f53\u524d"}),(0,p.jsx)(d.Ss,{className:"udb-link udb-danger",onTap:function(){return Q(s.openid)},children:(0,p.jsx)(d.EY,{children:"\u5220\u9664"})})]})]},s.openid)}),0===y.length&&(0,p.jsx)(d.Ss,{className:"udb-empty",children:(0,p.jsx)(d.EY,{children:"\u6682\u65e0\u7528\u6237\u6570\u636e"})})]}),I&&(0,p.jsx)(d.Ss,{className:"modal-overlay",children:(0,p.jsxs)(d.Ss,{className:"udb-add-card surface-card",children:[(0,p.jsx)(d.EY,{className:"udb-add-title",children:"\u65b0\u5efa\u672c\u5730\u8d26\u53f7"}),(0,p.jsx)(d.pd,{className:"udb-add-input",type:"text",placeholder:"\u8bf7\u8f93\u5165\u6635\u79f0",value:M,onInput:function(s){return O(s.detail.value)}}),(0,p.jsxs)(d.Ss,{className:"udb-add-actions",children:[(0,p.jsx)(d.Ss,{className:"btn-secondary",onTap:function(){return D(!1)},children:(0,p.jsx)(d.EY,{children:"\u53d6\u6d88"})}),(0,p.jsx)(d.Ss,{className:"btn-primary",onTap:R,children:(0,p.jsx)(d.EY,{children:"\u521b\u5efa"})})]})]})})]})]}):(0,p.jsxs)(d.Ss,{className:"theme-".concat(e),children:[(0,p.jsx)(m.A,{}),(0,p.jsx)(d.Ss,{className:"udb-page udb-lock-page",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:(0,p.jsxs)(d.Ss,{className:"udb-lock-card surface-card",children:[(0,p.jsx)(d._V,{className:"udb-lock-icon",src:(0,x.uq)("/icon/\u8d26\u53f7\u7ba1\u7406.png"),mode:"aspectFit"}),(0,p.jsx)(d.EY,{className:"udb-lock-title",children:"\u7ba1\u7406\u5458\u9a8c\u8bc1"}),(0,p.jsx)(d.EY,{className:"udb-lock-desc",children:"\u8bf7\u8f93\u5165\u5bc6\u7801\u4ee5\u8bbf\u95ee\u7528\u6237\u6570\u636e\u5e93"}),(0,p.jsx)(d.pd,{className:"udb-password-input",type:"text",password:!0,placeholder:"\u8f93\u5165\u5bc6\u7801",value:f,onInput:function(s){return g(s.detail.value)}}),T&&(0,p.jsx)(d.EY,{className:"udb-error",children:"\u5bc6\u7801\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5"}),(0,p.jsx)(d.Ss,{className:"btn-primary udb-btn",onTap:B,children:(0,p.jsx)(d.EY,{children:"\u8fdb\u5165\u6570\u636e\u5e93"})})]})})]})}var j={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u7528\u6237\u6570\u636e\u5e93"};Page((0,c.createPageConfig)(b,"pages/userDatabase/index",{root:{cn:[]}},j||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(540)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/userDatabase/index.wxss b/dist/pages/userDatabase/index.wxss index 2ec0700..0f5eed0 100644 --- a/dist/pages/userDatabase/index.wxss +++ b/dist/pages/userDatabase/index.wxss @@ -1 +1 @@ -.udb-page{min-height:100vh;padding:0 24rpx 40rpx}.udb-lock-card{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:60rpx 40rpx;text-align:center}.udb-lock-icon{height:80rpx;margin-bottom:24rpx;width:80rpx}.udb-lock-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;margin-bottom:12rpx}.udb-lock-desc{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.udb-password-input{background:var(--bg-input);border:2rpx solid var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:30rpx;height:80rpx;margin-bottom:24rpx;padding:0 24rpx;text-align:center;width:100%}.udb-error{color:#e64340;display:block;font-size:24rpx;margin-bottom:20rpx}.udb-btn{font-size:30rpx;padding:20rpx 0;width:100%}.udb-toolbar{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin:20rpx 0}.udb-add-btn{font-size:26rpx;padding:14rpx 28rpx}.udb-table{background:var(--bg-card);border:var(--line-card);border-radius:24rpx;overflow:hidden}.udb-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid rgba(0,0,0,.04);display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20rpx 16rpx}.udb-row:last-child{border-bottom:none}.udb-header{background:var(--bg-input);padding:16rpx}.udb-header .udb-col{color:var(--text-primary);font-size:24rpx;font-weight:700}.udb-col{-ms-flex-negative:0;color:var(--text-secondary);-webkit-flex-shrink:0;flex-shrink:0;font-size:24rpx;overflow:hidden;padding:0 6rpx;text-overflow:ellipsis;white-space:nowrap}.col-nick{-webkit-flex:0 0 22%;-ms-flex:0 0 22%;flex:0 0 22%}.col-id{-webkit-flex:0 0 36%;-ms-flex:0 0 36%;flex:0 0 36%}.col-stats{-webkit-flex:0 0 18%;-ms-flex:0 0 18%;flex:0 0 18%;text-align:center}.col-action{-ms-flex-align:center;-ms-flex-pack:end;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;gap:12rpx;-webkit-justify-content:flex-end;justify-content:flex-end}.udb-row.active{background:rgba(91,140,255,.06)}.udb-link{background:rgba(91,140,255,.08);border-radius:8rpx;color:var(--accent-blue);font-size:22rpx;padding:6rpx 14rpx}.udb-danger{background:rgba(230,67,64,.08);color:#e64340}.udb-current{color:var(--accent-blue);font-size:22rpx;font-weight:600}.udb-empty{color:var(--text-secondary);font-size:28rpx;padding:40rpx;text-align:center}.udb-add-card{padding:48rpx 36rpx;width:80%}.udb-add-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:24rpx;text-align:center}.udb-add-input{background:var(--bg-input);border:2rpx solid var(--line-star);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:80rpx;margin-bottom:32rpx;padding:0 24rpx;width:100%}.udb-add-actions{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.udb-add-actions .btn-gradient,.udb-add-actions .btn-outline{-webkit-flex:1;-ms-flex:1;flex:1;padding:18rpx 0;text-align:center} \ No newline at end of file +.udb-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(24rpx + env(safe-area-inset-bottom))}.udb-lock-page{-ms-flex-pack:start;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.udb-lock-card{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:48rpx;padding:64rpx 40rpx;text-align:center}.udb-lock-icon{height:96rpx;margin-bottom:24rpx;width:96rpx}.udb-lock-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;letter-spacing:0;margin-bottom:12rpx}.udb-lock-desc{color:var(--text-secondary);display:block;font-size:26rpx;line-height:1.6;margin-bottom:32rpx}.udb-password-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:30rpx;height:88rpx;margin-bottom:24rpx;padding:0 24rpx;text-align:center;width:100%}.udb-password-input::-webkit-input-placeholder{color:var(--text-muted)}.udb-password-input::-moz-placeholder{color:var(--text-muted)}.udb-password-input:-ms-input-placeholder{color:var(--text-muted)}.udb-password-input::-ms-input-placeholder{color:var(--text-muted)}.udb-password-input::placeholder{color:var(--text-muted)}.udb-error{color:var(--danger);display:block;font-size:24rpx;line-height:1.5;margin-bottom:20rpx}.udb-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:96rpx;-webkit-justify-content:center;justify-content:center;width:100%}.page-header.udb-header{margin:0;min-height:88rpx;padding-bottom:24rpx;padding-left:0;padding-right:0}.udb-header .page-title{color:var(--text-primary);font-size:44rpx;font-weight:700;letter-spacing:0;text-align:center}.udb-toolbar{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin:8rpx 0 24rpx}.udb-add-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:26rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center;padding:0 32rpx}.udb-table{background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);overflow:hidden}.udb-row{-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:112rpx;padding:16rpx 24rpx}.udb-row:last-child{border-bottom:none}.udb-header{background:var(--bg-input);min-height:80rpx}.udb-header .udb-col{color:var(--text-primary);font-size:24rpx;font-weight:700}.udb-col{-ms-flex-negative:0;color:var(--text-secondary);-webkit-flex-shrink:0;flex-shrink:0;font-size:24rpx;overflow:hidden;padding:0 8rpx;text-overflow:ellipsis;white-space:nowrap}.col-nick{-webkit-flex:0 0 24%;-ms-flex:0 0 24%;flex:0 0 24%}.col-id{-webkit-flex:0 0 32%;-ms-flex:0 0 32%;flex:0 0 32%}.col-stats{-webkit-flex:0 0 18%;-ms-flex:0 0 18%;flex:0 0 18%;text-align:center}.col-action{-ms-flex-align:center;-ms-flex-pack:end;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12rpx;-webkit-justify-content:flex-end;justify-content:flex-end;min-width:0}.udb-row.active{background:var(--accent-secondary-soft)}.udb-link{background:var(--accent-secondary-soft);border-radius:999rpx;color:var(--accent-secondary);font-size:22rpx;font-weight:600;line-height:1.2;padding:10rpx 20rpx}.udb-danger{background:var(--danger-soft);color:var(--danger)}.udb-current{color:var(--accent-secondary);font-size:22rpx;font-weight:700}.udb-empty{color:var(--text-secondary);font-size:28rpx;padding:80rpx 24rpx;text-align:center}.udb-page .modal-overlay{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:48rpx;z-index:1000}.udb-add-card{background:var(--bg-card);border:1rpx solid var(--border);border-radius:32rpx;-webkit-box-shadow:var(--shadow-elevated);box-shadow:var(--shadow-elevated);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:640rpx;padding:40rpx;width:100%}.udb-add-title{color:var(--text-primary);display:block;font-size:36rpx;font-weight:700;letter-spacing:0;margin-bottom:32rpx;text-align:center}.udb-add-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;height:88rpx;margin-bottom:32rpx;padding:0 24rpx;width:100%}.udb-add-input::-webkit-input-placeholder{color:var(--text-muted)}.udb-add-input::-moz-placeholder{color:var(--text-muted)}.udb-add-input:-ms-input-placeholder{color:var(--text-muted)}.udb-add-input::-ms-input-placeholder{color:var(--text-muted)}.udb-add-input::placeholder{color:var(--text-muted)}.udb-add-actions{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:20rpx}.udb-add-actions .btn-primary,.udb-add-actions .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;font-size:28rpx;font-weight:600;height:80rpx;-webkit-justify-content:center;justify-content:center} \ No newline at end of file diff --git a/dist/pages/wordcloud/index.js b/dist/pages/wordcloud/index.js index cc52a25..230cf23 100644 --- a/dist/pages/wordcloud/index.js +++ b/dist/pages/wordcloud/index.js @@ -1 +1 @@ -"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[18],{5849:function(s,e,a){var n=a(7842),c=a(5544),t=a(118),l=a(758),i=a.n(l),r=a(6540),o=a(9703),d=a(9201),m=a(5414),u=a(9674),h=a(8199),p=a(4848);function x(){var s=(0,o.wR)(),e=(s.theme,s.resolvedTheme),a=(0,d.c)();(0,m.l)(e);var n=(0,r.useState)(1),l=(0,c.A)(n,2),x=l[0],j=l[1],N=(0,r.useState)(""),g=(0,c.A)(N,2),S=g[0],b=g[1],f=(0,r.useState)(""),E=(0,c.A)(f,2),Y=E[0],T=E[1],v=(0,r.useState)(""),w=(0,c.A)(v,2),A=w[0],F=w[1],I=(0,r.useState)(!1),P=(0,c.A)(I,2),V=P[0],_=P[1],y=(0,r.useState)(0),M=(0,c.A)(y,2),k=M[0],q=M[1],B=[{num:1,label:"\u4e0a\u4f20\u5e95\u56fe"},{num:2,label:"\u8f93\u5165\u540d\u5355"},{num:3,label:"\u751f\u6210\u9884\u89c8"}],J=function(){i().chooseImage({count:1,sizeType:["compressed"],sourceType:["album","camera"],success:function(s){b(s.tempFilePaths[0]),j(2)}})},O=function(){if(Y.trim()){j(3),_(!0),q(0);var s=setInterval(function(){q(function(e){return e>=100?(clearInterval(s),_(!1),F(S),100):e+15*Math.random()})},1e3)}else i().showToast({title:"\u8bf7\u5148\u8f93\u5165\u540d\u5b57",icon:"none"})},z=function(){A&&i().saveImageToPhotosAlbum({filePath:A,success:function(){return i().showToast({title:"\u5df2\u4fdd\u5b58\u5230\u76f8\u518c",icon:"success"})},fail:function(){return i().showToast({title:"\u4fdd\u5b58\u5931\u8d25",icon:"none"})}})},C=function(){x>1?j(x-1):i().navigateBack()};return(0,p.jsxs)(t.Ss,{className:"theme-".concat(e),children:[(0,p.jsx)(u.A,{}),(0,p.jsxs)(t.Ss,{className:"wordcloud-page",children:[(0,p.jsxs)(t.Ss,{className:"page-header flex-between",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:[(0,p.jsx)(t.EY,{className:"back-btn",onTap:C,children:"\u2190"}),(0,p.jsx)(t.EY,{className:"page-title",children:"AI\u8bcd\u4e91\u751f\u6210"}),(0,p.jsx)(t.Ss,{style:{width:"60px"}})]}),(0,p.jsx)(t.Ss,{className:"step-indicator dashed-card",children:B.map(function(s,e){return(0,p.jsxs)(t.Ss,{className:"step-item",children:[(0,p.jsx)(t.Ss,{className:"step-circle ".concat(x>=s.num?"active":""),children:(0,p.jsx)(t.EY,{className:"step-num",children:s.num})}),(0,p.jsx)(t.EY,{className:"step-label ".concat(x>=s.num?"active":""),children:s.label}),es.num?"active":"")})]},s.num)})}),1===x&&(0,p.jsxs)(t.Ss,{className:"step-content",children:[(0,p.jsx)(t.Ss,{className:"upload-area dashed-card",onTap:J,children:S?(0,p.jsx)(t._V,{className:"preview-image",src:S,mode:"aspectFit"}):(0,p.jsxs)(t.Ss,{className:"upload-placeholder",children:[(0,p.jsx)(t._V,{className:"upload-icon",src:(0,h.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"upload-title",children:"\u70b9\u51fb\u4e0a\u4f20\u5e95\u56fe"}),(0,p.jsx)(t.EY,{className:"upload-desc",children:"\u652f\u6301\u7167\u7247\u3001Logo\u3001\u56fe\u6848\u7b49"}),(0,p.jsx)(t.EY,{className:"upload-tip",children:"\u7cfb\u7edf\u5c06\u7528\u540d\u5b57\u586b\u5145\u5230\u6df1\u8272\u533a\u57df"})]})}),S&&(0,p.jsxs)(t.Ss,{className:"action-btns",children:[(0,p.jsx)(t.Ss,{className:"btn-gradient",onTap:function(){return j(2)},children:(0,p.jsx)(t.EY,{children:"\u4e0b\u4e00\u6b65\uff1a\u8f93\u5165\u540d\u5355"})}),(0,p.jsx)(t.Ss,{className:"btn-outline",onTap:function(){return b("")},children:(0,p.jsx)(t.EY,{children:"\u91cd\u65b0\u9009\u62e9"})})]})]}),2===x&&(0,p.jsxs)(t.Ss,{className:"step-content",children:[(0,p.jsxs)(t.Ss,{className:"input-section dashed-card",children:[(0,p.jsx)(t.EY,{className:"section-title",children:"\u8f93\u5165\u540d\u5b57\u540d\u5355"}),(0,p.jsx)(t.TM,{className:"names-input",placeholder:"\u4f8b\u5982\uff1a\n\u5f20\u4e09\n\u674e\u56db\n\u738b\u4e94",value:Y,onInput:function(s){return T(s.detail.value)},maxlength:5e3}),(0,p.jsxs)(t.EY,{className:"input-stats",children:["\u5df2\u8f93\u5165 ",Y.split(/\n|\uff0c|,/).filter(function(s){return s.trim()}).length," \u4e2a\u540d\u5b57"]}),(0,p.jsxs)(t.Ss,{className:"input-tips",children:[(0,p.jsx)(t.EY,{className:"tip-item",children:"\u540d\u5b57\u4f1a\u968f\u673a\u5206\u5e03\u5728\u5e95\u56fe\u7684\u6df1\u8272\u533a\u57df"}),(0,p.jsx)(t.EY,{className:"tip-item",children:"\u5efa\u8bae\u8f93\u516510-200\u4e2a\u540d\u5b57\u6548\u679c\u6700\u4f73"})]})]}),(0,p.jsxs)(t.Ss,{className:"action-btns",children:[(0,p.jsx)(t.Ss,{className:"btn-gradient",onTap:O,children:(0,p.jsx)(t.EY,{children:"\u5f00\u59cb\u751f\u6210\u8bcd\u4e91"})}),(0,p.jsx)(t.Ss,{className:"btn-outline",onTap:function(){return j(1)},children:(0,p.jsx)(t.EY,{children:"\u4e0a\u4e00\u6b65"})})]})]}),3===x&&(0,p.jsx)(t.Ss,{className:"step-content",children:V?(0,p.jsxs)(t.Ss,{className:"generating-panel",children:[(0,p.jsx)(t._V,{className:"generating-icon",src:(0,h.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"generating-title",children:"\u6b63\u5728\u751f\u6210\u8bcd\u4e91..."}),(0,p.jsx)(t.EY,{className:"generating-subtitle",children:"AI\u6b63\u5728\u5c06\u540d\u5b57\u878d\u5165\u56fe\u6848"}),(0,p.jsx)(t.Ss,{className:"progress-bar",children:(0,p.jsx)(t.Ss,{className:"progress-fill",style:{width:"".concat(Math.min(k,100),"%")}})}),(0,p.jsxs)(t.EY,{className:"progress-text",children:[Math.min(Math.round(k),100),"%"]})]}):(0,p.jsxs)(t.Ss,{className:"result-panel",children:[(0,p.jsxs)(t.Ss,{className:"result-image-wrapper dashed-card",children:[(0,p.jsx)(t._V,{className:"result-image",src:A||"",mode:"aspectFit"}),(0,p.jsx)(t.Ss,{className:"watermark-badge",children:(0,p.jsx)(t.EY,{children:"\u667a\u7ed8\u5fae\u523b\u9884\u89c8"})})]}),(0,p.jsxs)(t.Ss,{className:"result-actions",children:[(0,p.jsxs)(t.Ss,{className:"action-btn",onTap:z,children:[(0,p.jsx)(t._V,{className:"action-icon",src:(0,h.uq)("/icon/\u8bbe\u7f6e.png"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"action-label",children:"\u4fdd\u5b58\u56fe\u7247"})]}),(0,p.jsxs)(t.Ss,{className:"action-btn",onTap:O,children:[(0,p.jsx)(t._V,{className:"action-icon",src:(0,h.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"action-label",children:"\u91cd\u65b0\u751f\u6210"})]}),(0,p.jsxs)(t.Ss,{className:"action-btn",onTap:function(){return j(2)},children:[(0,p.jsx)(t._V,{className:"action-icon",src:(0,h.uq)("/icon/\u8c03\u8272\u76d8.png"),mode:"aspectFit"}),(0,p.jsx)(t.EY,{className:"action-label",children:"\u4fee\u6539\u540d\u5355"})]})]})]})})]})]})}var j={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8bcd\u4e91\u751f\u6210"};Page((0,n.createPageConfig)(x,"pages/wordcloud/index",{root:{cn:[]}},j||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(5849)});s.O()}]); \ No newline at end of file +"use strict";(wx["webpackJsonp"]=wx["webpackJsonp"]||[]).push([[18],{5849:function(s,e,a){var n=a(7842),c=a(5544),t=a(118),l=a(758),i=a.n(l),r=a(6540),o=a(9703),m=a(9201),d=a(5414),u=a(9674),p=a(8199),h=a(4848);function x(){var s=(0,o.wR)(),e=(s.theme,s.resolvedTheme),a=(0,m.c)();(0,d.l)(e);var n=(0,r.useState)(1),l=(0,c.A)(n,2),x=l[0],j=l[1],N=(0,r.useState)(""),g=(0,c.A)(N,2),S=g[0],f=g[1],b=(0,r.useState)(""),E=(0,c.A)(b,2),Y=E[0],T=E[1],v=(0,r.useState)(""),w=(0,c.A)(v,2),A=w[0],y=w[1],F=(0,r.useState)(!1),I=(0,c.A)(F,2),P=I[0],V=I[1],_=(0,r.useState)(0),k=(0,c.A)(_,2),M=k[0],q=k[1],B=[{num:1,label:"\u4e0a\u4f20\u5e95\u56fe"},{num:2,label:"\u8f93\u5165\u540d\u5355"},{num:3,label:"\u751f\u6210\u9884\u89c8"}],J=function(){i().chooseImage({count:1,sizeType:["compressed"],sourceType:["album","camera"],success:function(s){f(s.tempFilePaths[0]),j(2)}})},O=function(){if(Y.trim()){j(3),V(!0),q(0);var s=setInterval(function(){q(function(e){return e>=100?(clearInterval(s),V(!1),y(S),100):e+15*Math.random()})},1e3)}else i().showToast({title:"\u8bf7\u5148\u8f93\u5165\u540d\u5b57",icon:"none"})},z=function(){A&&i().saveImageToPhotosAlbum({filePath:A,success:function(){return i().showToast({title:"\u5df2\u4fdd\u5b58\u5230\u76f8\u518c",icon:"success"})},fail:function(){return i().showToast({title:"\u4fdd\u5b58\u5931\u8d25",icon:"none"})}})},C=function(){x>1?j(x-1):i().navigateBack()};return(0,h.jsxs)(t.Ss,{className:"theme-".concat(e),children:[(0,h.jsx)(u.A,{}),(0,h.jsxs)(t.Ss,{className:"wordcloud-page",children:[(0,h.jsxs)(t.Ss,{className:"page-header cloud-header",style:{paddingTop:"".concat(a.headerPaddingTop,"px")},children:[(0,h.jsx)(t.Ss,{className:"back-btn",onTap:C,children:(0,h.jsx)(t.EY,{className:"back-arrow",children:"\u2190"})}),(0,h.jsx)(t.EY,{className:"page-title",children:"AI\u8bcd\u4e91\u751f\u6210"}),(0,h.jsx)(t.Ss,{className:"header-spacer"})]}),(0,h.jsx)(t.Ss,{className:"step-indicator surface-card",children:B.map(function(s,e){return(0,h.jsxs)(t.Ss,{className:"step-item",children:[(0,h.jsx)(t.Ss,{className:"step-circle ".concat(x>=s.num?"active":""),children:(0,h.jsx)(t.EY,{className:"step-num",children:s.num})}),(0,h.jsx)(t.EY,{className:"step-label ".concat(x>=s.num?"active":""),children:s.label}),es.num?"active":"")})]},s.num)})}),1===x&&(0,h.jsxs)(t.Ss,{className:"step-content",children:[(0,h.jsx)(t.Ss,{className:"upload-area surface-card",onTap:J,children:S?(0,h.jsx)(t._V,{className:"preview-image",src:S,mode:"aspectFit"}):(0,h.jsxs)(t.Ss,{className:"upload-placeholder",children:[(0,h.jsx)(t._V,{className:"upload-icon",src:(0,p.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,h.jsx)(t.EY,{className:"upload-title",children:"\u70b9\u51fb\u4e0a\u4f20\u5e95\u56fe"}),(0,h.jsx)(t.EY,{className:"upload-desc",children:"\u652f\u6301\u7167\u7247\u3001Logo\u3001\u56fe\u6848\u7b49"}),(0,h.jsx)(t.EY,{className:"upload-tip",children:"\u7cfb\u7edf\u5c06\u7528\u540d\u5b57\u586b\u5145\u5230\u6df1\u8272\u533a\u57df"})]})}),S&&(0,h.jsxs)(t.Ss,{className:"action-btns",children:[(0,h.jsx)(t.Ss,{className:"btn-primary",onTap:function(){return j(2)},children:(0,h.jsx)(t.EY,{children:"\u4e0b\u4e00\u6b65\uff1a\u8f93\u5165\u540d\u5355"})}),(0,h.jsx)(t.Ss,{className:"btn-secondary",onTap:function(){return f("")},children:(0,h.jsx)(t.EY,{children:"\u91cd\u65b0\u9009\u62e9"})})]})]}),2===x&&(0,h.jsxs)(t.Ss,{className:"step-content",children:[(0,h.jsxs)(t.Ss,{className:"input-section surface-card",children:[(0,h.jsx)(t.EY,{className:"section-title",children:"\u8f93\u5165\u540d\u5b57\u540d\u5355"}),(0,h.jsx)(t.TM,{className:"names-input",placeholder:"\u4f8b\u5982\uff1a\n\u5f20\u4e09\n\u674e\u56db\n\u738b\u4e94",value:Y,onInput:function(s){return T(s.detail.value)},maxlength:5e3}),(0,h.jsxs)(t.EY,{className:"input-stats",children:["\u5df2\u8f93\u5165 ",Y.split(/\n|\uff0c|,/).filter(function(s){return s.trim()}).length," \u4e2a\u540d\u5b57"]}),(0,h.jsxs)(t.Ss,{className:"input-tips",children:[(0,h.jsx)(t.EY,{className:"tip-item",children:"\u540d\u5b57\u4f1a\u968f\u673a\u5206\u5e03\u5728\u5e95\u56fe\u7684\u6df1\u8272\u533a\u57df"}),(0,h.jsx)(t.EY,{className:"tip-item",children:"\u5efa\u8bae\u8f93\u516510-200\u4e2a\u540d\u5b57\u6548\u679c\u6700\u4f73"})]})]}),(0,h.jsxs)(t.Ss,{className:"action-btns",children:[(0,h.jsx)(t.Ss,{className:"btn-primary",onTap:O,children:(0,h.jsx)(t.EY,{children:"\u5f00\u59cb\u751f\u6210\u8bcd\u4e91"})}),(0,h.jsx)(t.Ss,{className:"btn-secondary",onTap:function(){return j(1)},children:(0,h.jsx)(t.EY,{children:"\u4e0a\u4e00\u6b65"})})]})]}),3===x&&(0,h.jsx)(t.Ss,{className:"step-content",children:P?(0,h.jsxs)(t.Ss,{className:"generating-panel",children:[(0,h.jsx)(t._V,{className:"generating-icon",src:(0,p.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,h.jsx)(t.EY,{className:"generating-title",children:"\u6b63\u5728\u751f\u6210\u8bcd\u4e91..."}),(0,h.jsx)(t.EY,{className:"generating-subtitle",children:"AI\u6b63\u5728\u5c06\u540d\u5b57\u878d\u5165\u56fe\u6848"}),(0,h.jsx)(t.Ss,{className:"progress-bar",children:(0,h.jsx)(t.Ss,{className:"progress-fill",style:{width:"".concat(Math.min(M,100),"%")}})}),(0,h.jsxs)(t.EY,{className:"progress-text",children:[Math.min(Math.round(M),100),"%"]})]}):(0,h.jsxs)(t.Ss,{className:"result-panel",children:[(0,h.jsxs)(t.Ss,{className:"result-image-wrapper surface-card",children:[(0,h.jsx)(t._V,{className:"result-image",src:A||"",mode:"aspectFit"}),(0,h.jsx)(t.Ss,{className:"watermark-badge",children:(0,h.jsx)(t.EY,{children:"\u667a\u7ed8\u5fae\u523b\u9884\u89c8"})})]}),(0,h.jsxs)(t.Ss,{className:"result-actions",children:[(0,h.jsxs)(t.Ss,{className:"action-btn",onTap:z,children:[(0,h.jsx)(t._V,{className:"action-icon",src:(0,p.uq)("/icon/\u8bbe\u7f6e.png"),mode:"aspectFit"}),(0,h.jsx)(t.EY,{className:"action-label",children:"\u4fdd\u5b58\u56fe\u7247"})]}),(0,h.jsxs)(t.Ss,{className:"action-btn",onTap:O,children:[(0,h.jsx)(t._V,{className:"action-icon",src:(0,p.uq)("/icon/\u8bcd\u4e91\u751f\u6210.png"),mode:"aspectFit"}),(0,h.jsx)(t.EY,{className:"action-label",children:"\u91cd\u65b0\u751f\u6210"})]}),(0,h.jsxs)(t.Ss,{className:"action-btn",onTap:function(){return j(2)},children:[(0,h.jsx)(t._V,{className:"action-icon",src:(0,p.uq)("/icon/\u8c03\u8272\u76d8.png"),mode:"aspectFit"}),(0,h.jsx)(t.EY,{className:"action-label",children:"\u4fee\u6539\u540d\u5355"})]})]})]})})]})]})}var j={navigationStyle:"custom",enablePageMeta:!0,navigationBarTitleText:"\u8bcd\u4e91\u751f\u6210"};Page((0,n.createPageConfig)(x,"pages/wordcloud/index",{root:{cn:[]}},j||{}))}},function(s){var e=function(e){return s(s.s=e)};s.O(0,[907,96,76],function(){return e(5849)});s.O()}]); \ No newline at end of file diff --git a/dist/pages/wordcloud/index.wxss b/dist/pages/wordcloud/index.wxss index 8c45a05..db08e6e 100644 --- a/dist/pages/wordcloud/index.wxss +++ b/dist/pages/wordcloud/index.wxss @@ -1 +1 @@ -.wordcloud-page{min-height:100vh;padding:0 24rpx 24rpx}.page-header{background:transparent;margin:20rpx 0 0;padding:calc(env(safe-area-inset-top, 0rpx) + 44rpx) 32rpx 24rpx}.back-btn{color:var(--text-primary);font-size:40rpx;padding:10rpx}.step-indicator{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin:0 24rpx;padding:32rpx}.step-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.step-circle{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-input);border:4rpx dashed var(--bg-input);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:flex;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:12rpx;width:64rpx}.step-circle.active{background:var(--btn-gradient);border-color:var(--accent-pink)}.step-num{color:var(--text-muted);font-size:28rpx;font-weight:700}.step-circle.active .step-num{color:#fff}.step-label{color:var(--text-secondary);font-size:24rpx}.step-label.active{color:var(--accent-pink);font-weight:600}.step-line{background:var(--bg-input);height:4rpx;left:60%;position:absolute;top:30rpx;width:100%}.step-line.active{background:var(--btn-gradient)}.step-content{padding:32rpx}.upload-area{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:400rpx}.upload-placeholder{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:60rpx}.upload-icon{height:80rpx;margin-bottom:24rpx;width:80rpx}.upload-title{color:var(--text-primary);font-size:32rpx;font-weight:600;margin-bottom:12rpx}.upload-desc{color:var(--text-secondary);font-size:26rpx;margin-bottom:16rpx}.upload-tip{background:rgba(91,140,255,.1);border:var(--line-card);border-radius:50rpx;color:var(--accent-blue);font-size:22rpx;padding:8rpx 20rpx}.preview-image{border-radius:24rpx;height:400rpx;width:100%}.action-btns{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20rpx;margin-top:40rpx}.input-section{padding:32rpx}.names-input{background:var(--bg-input);border:var(--line-card);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;line-height:1.6;min-height:300rpx;padding:24rpx;width:100%}.input-stats{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:12rpx;text-align:right}.input-tips{margin-top:24rpx}.tip-item{color:var(--text-secondary);display:block;font-size:24rpx;margin-bottom:8rpx}.generating-panel{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:80rpx 40rpx}.generating-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;height:120rpx;width:120rpx}@-webkit-keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}}.generating-title{color:var(--text-primary);font-size:40rpx;font-weight:700;margin-top:40rpx}.generating-subtitle{color:var(--text-secondary);font-size:28rpx;margin-bottom:40rpx;margin-top:16rpx}.progress-bar{background:rgba(255,154,158,.15);border-radius:8rpx;height:16rpx;overflow:hidden;width:80%}.progress-fill{background:var(--btn-gradient);border-radius:8rpx;height:100%;-webkit-transition:width .5s ease;transition:width .5s ease}.progress-text{color:var(--accent-pink);font-size:32rpx;font-weight:700;margin-top:16rpx}.result-panel{padding:20rpx 0}.result-image-wrapper{overflow:hidden;position:relative}.result-image{background:-webkit-linear-gradient(315deg,rgba(255,154,158,.08),rgba(160,196,255,.08));background:linear-gradient(135deg,rgba(255,154,158,.08),rgba(160,196,255,.08));height:500rpx;width:100%}.watermark-badge{background:hsla(0,0%,100%,.8);border:var(--line-card);border-radius:8rpx;bottom:20rpx;color:var(--text-primary);font-size:22rpx;padding:8rpx 20rpx;position:absolute;right:20rpx}.result-actions{-ms-flex-pack:distribute;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin:32rpx 0}.action-btn{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:20rpx}.action-icon{height:48rpx;margin-bottom:8rpx;width:48rpx}.action-label{color:var(--text-secondary);font-size:24rpx}.diy-jump-card{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.diy-jump-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.diy-jump-desc{color:var(--text-secondary);display:block;font-size:24rpx}.diy-jump-arrow{color:var(--accent-pink);font-size:40rpx} \ No newline at end of file +.wordcloud-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(24rpx + env(safe-area-inset-bottom))}.page-header.cloud-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:transparent;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin:0;min-height:88rpx;padding-bottom:24rpx;padding-left:0;padding-right:0}.cloud-header .back-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border-strong);border-radius:50%;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:88rpx;-webkit-justify-content:center;justify-content:center;width:88rpx}.cloud-header .back-btn:active{-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96)}.cloud-header .back-arrow{color:var(--text-primary);font-size:36rpx;line-height:1}.cloud-header .page-title{color:var(--text-primary);-webkit-flex:1;-ms-flex:1;flex:1;font-size:34rpx;font-weight:600;letter-spacing:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-spacer{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:88rpx}.step-indicator{-ms-flex-align:stretch;-ms-flex-pack:center;-webkit-align-items:stretch;align-items:stretch;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:24rpx;padding:32rpx 16rpx}.step-item{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:0;position:relative}.step-circle{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border:1rpx solid var(--border);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-bottom:12rpx;-webkit-transition:background .16s ease,border-color .16s ease,-webkit-box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,-webkit-box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,-webkit-box-shadow .16s ease;width:64rpx}.step-circle.active{background:var(--accent-primary);border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 8rpx var(--accent-primary-soft);box-shadow:0 0 0 8rpx var(--accent-primary-soft)}.step-num{color:var(--text-muted);font-size:28rpx;font-weight:700;line-height:1}.step-circle.active .step-num{color:var(--bg-page)}.step-label{color:var(--text-secondary);font-size:24rpx;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.step-label.active{color:var(--accent-primary);font-weight:600}.step-line{background:var(--bg-input);border-radius:999rpx;height:4rpx;left:60%;position:absolute;top:31rpx;width:100%}.step-line.active{background:var(--accent-primary)}.step-content{padding:0 0 32rpx}.upload-area{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;min-height:420rpx;overflow:hidden}.upload-placeholder{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:64rpx 48rpx;text-align:center}.upload-icon{height:80rpx;margin-bottom:24rpx;width:80rpx}.upload-title{color:var(--text-primary);font-size:32rpx;font-weight:600;letter-spacing:0;margin-bottom:12rpx}.upload-desc{color:var(--text-secondary);font-size:26rpx;margin-bottom:24rpx}.upload-tip{background:var(--accent-secondary-soft);border-radius:999rpx;color:var(--accent-secondary);font-size:22rpx;line-height:1.5;padding:12rpx 24rpx}.preview-image{border-radius:24rpx;height:420rpx;width:100%}.action-btns{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20rpx;margin-top:32rpx}.action-btns .btn-primary,.action-btns .btn-secondary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:96rpx;-webkit-justify-content:center;justify-content:center}.input-section{padding:32rpx}.input-section .section-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;letter-spacing:0;margin-bottom:0}.names-input{background:var(--bg-input);border:1rpx solid var(--border);border-radius:16rpx;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--text-primary);font-size:28rpx;line-height:1.6;margin-top:24rpx;min-height:320rpx;padding:24rpx;-webkit-transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,-webkit-box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,-webkit-box-shadow .16s ease;width:100%}.names-input:focus{background:var(--bg-card);border-color:var(--accent-primary);-webkit-box-shadow:0 0 0 6rpx var(--accent-primary-soft);box-shadow:0 0 0 6rpx var(--accent-primary-soft)}.names-input::-webkit-input-placeholder{color:var(--text-muted)}.names-input::-moz-placeholder{color:var(--text-muted)}.names-input:-ms-input-placeholder{color:var(--text-muted)}.names-input::-ms-input-placeholder{color:var(--text-muted)}.names-input::placeholder{color:var(--text-muted)}.input-stats{color:var(--text-secondary);display:block;font-size:24rpx;margin-top:12rpx;text-align:right}.input-tips{background:var(--bg-muted);border-radius:16rpx;margin-top:24rpx;padding:24rpx}.tip-item{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.6;margin-bottom:8rpx}.tip-item:last-child{margin-bottom:0}.generating-panel{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:96rpx 48rpx}.generating-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;height:104rpx;width:104rpx}@-webkit-keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.72;-webkit-transform:scale(1.12);transform:scale(1.12)}}@keyframes pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.72;-webkit-transform:scale(1.12);transform:scale(1.12)}}.generating-title{color:var(--text-primary);font-size:36rpx;font-weight:700;letter-spacing:0;margin-top:32rpx}.generating-subtitle{color:var(--text-secondary);font-size:26rpx;margin-bottom:40rpx;margin-top:12rpx}.progress-bar{background:var(--bg-muted);border-radius:999rpx;height:12rpx;overflow:hidden;width:100%}.progress-fill{background:var(--accent-primary);border-radius:999rpx;height:100%;-webkit-transition:width .5s ease;transition:width .5s ease}.progress-text{color:var(--accent-primary);font-size:30rpx;font-variant:tabular-nums;font-weight:700;margin-top:16rpx}.result-panel{padding:0}.result-image-wrapper{border-radius:24rpx;overflow:hidden;position:relative}.result-image{background:var(--bg-muted);height:520rpx;width:100%}.watermark-badge{backdrop-filter:blur(24rpx);-webkit-backdrop-filter:blur(24rpx);background:var(--glass);border:1rpx solid var(--glass-line);border-radius:999rpx;bottom:24rpx;color:var(--text-primary);font-size:22rpx;padding:10rpx 20rpx;position:absolute;right:24rpx}.result-actions{display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16rpx;margin:24rpx 0 0}.action-btn{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10rpx;min-width:0;padding:24rpx 8rpx}.action-btn:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.action-icon{height:44rpx;width:44rpx}.action-label{color:var(--text-secondary);font-size:22rpx;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-jump-card{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32rpx}.diy-jump-title{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:8rpx}.diy-jump-desc{color:var(--text-secondary);display:block;font-size:24rpx}.diy-jump-arrow{color:var(--accent-primary);font-size:40rpx} \ No newline at end of file diff --git a/dist/theme.json b/dist/theme.json index 8f6f539..950d6ba 100644 --- a/dist/theme.json +++ b/dist/theme.json @@ -1,14 +1,14 @@ { "light": { - "navBgColor": "#ffffff", + "navBgColor": "#faf7f2", "navTxtStyle": "black", - "bgColor": "#ffffff", + "bgColor": "#faf7f2", "bgTxtStyle": "dark", - "bgColorTop": "#ffffff", - "bgColorBottom": "#ffffff", - "tabBarColor": "#b08d8d", - "tabBarSelectedColor": "#ff9a9e", - "tabBarBgColor": "#ffffff", + "bgColorTop": "#faf7f2", + "bgColorBottom": "#faf7f2", + "tabBarColor": "#8a7e76", + "tabBarSelectedColor": "#d96c6a", + "tabBarBgColor": "#faf7f2", "tabBarBorderStyle": "black" }, "dark": { @@ -18,8 +18,8 @@ "bgTxtStyle": "light", "bgColorTop": "#191919", "bgColorBottom": "#191919", - "tabBarColor": "#999999", - "tabBarSelectedColor": "#ff7eb3", + "tabBarColor": "#b3a79c", + "tabBarSelectedColor": "#f09198", "tabBarBgColor": "#191919", "tabBarBorderStyle": "white" } diff --git a/src/app.scss b/src/app.scss index b290262..0f7b408 100644 --- a/src/app.scss +++ b/src/app.scss @@ -129,31 +129,6 @@ page { border-radius: 999rpx; } -/* 固定底部操作栏 */ -.action-bar { - position: fixed; - bottom: 0; - left: 0; - right: 0; - display: flex; - align-items: center; - justify-content: space-between; - gap: 48rpx; - padding: 40rpx 64rpx calc(40rpx + env(safe-area-inset-bottom)); - background: rgba(255, 255, 255, 0.55); - backdrop-filter: blur(32px) saturate(1.2); - -webkit-backdrop-filter: blur(32px) saturate(1.2); - border-top: 1rpx solid var(--glass-line); - z-index: 500; -} - -.theme-dark .action-bar { - background: rgba(25, 25, 25, 0.55); - backdrop-filter: blur(32px) saturate(1.2); - -webkit-backdrop-filter: blur(32px) saturate(1.2); - border-top: 1rpx solid var(--glass-line); -} - /* === 标题文字 === */ .page-title { font-size: 80rpx; diff --git a/src/components/BottomActionBar/index.scss b/src/components/BottomActionBar/index.scss new file mode 100644 index 0000000..1ca8077 --- /dev/null +++ b/src/components/BottomActionBar/index.scss @@ -0,0 +1,25 @@ +.bottom-action-bar { + position: fixed; + left: 36rpx; + right: 36rpx; + bottom: 36rpx; + z-index: 500; + box-sizing: border-box; + display: flex; + align-items: center; + gap: 24rpx; + padding: 24rpx; + padding-bottom: calc(24rpx + env(safe-area-inset-bottom)); + border-radius: 64rpx; + background: rgba(255, 255, 255, 0.55); + backdrop-filter: blur(32px) saturate(1.2); + -webkit-backdrop-filter: blur(32px) saturate(1.2); + border: 1rpx solid rgba(255, 255, 255, 0.55); + box-shadow: 0 12rpx 40rpx rgba(46, 34, 34, 0.18), 0 4rpx 12rpx rgba(46, 34, 34, 0.08); +} + +.theme-dark .bottom-action-bar { + background: rgba(25, 25, 25, 0.55); + border-color: rgba(255, 255, 255, 0.14); + box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.5), 0 4rpx 12rpx rgba(0, 0, 0, 0.3); +} diff --git a/src/components/BottomActionBar/index.tsx b/src/components/BottomActionBar/index.tsx new file mode 100644 index 0000000..d689d95 --- /dev/null +++ b/src/components/BottomActionBar/index.tsx @@ -0,0 +1,17 @@ +import { View } from '@tarojs/components' +import type { CSSProperties, ReactNode } from 'react' +import './index.scss' + +export interface BottomActionBarProps { + children?: ReactNode + className?: string + style?: CSSProperties +} + +export default function BottomActionBar({ children, className, style }: BottomActionBarProps) { + return ( + + {children} + + ) +} diff --git a/src/context/ThemeContext.tsx b/src/context/ThemeContext.tsx index 912f441..a186514 100644 --- a/src/context/ThemeContext.tsx +++ b/src/context/ThemeContext.tsx @@ -36,17 +36,6 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) { setResolved(resolveTheme(mode)) }, []) - const setTheme = useCallback((t: ThemeMode) => { - saveTheme(t) - set(t) - updateResolved(t) - }, [updateResolved]) - - const toggleTheme = useCallback(() => { - const next = resolvedTheme === 'light' ? 'dark' : 'light' - setTheme(next) - }, [resolvedTheme, setTheme]) - /** * darkmode 只作为系统主题探测通道；选中“跟随系统”时才跟着系统切换， * 固定浅色/深色时由 setTheme 直接决定，不被动绑定系统。 @@ -80,6 +69,21 @@ export function ThemeProvider({ children }: { children: React.ReactNode }) { } }, [updateFromSystem]) + const setTheme = useCallback((t: ThemeMode) => { + saveTheme(t) + set(t) + if (t === 'auto') { + detectSystemTheme() + } else { + updateResolved(t) + } + }, [detectSystemTheme, updateResolved]) + + const toggleTheme = useCallback(() => { + const next = resolvedTheme === 'light' ? 'dark' : 'light' + setTheme(next) + }, [resolvedTheme, setTheme]) + useEffect(() => { detectSystemTheme() }, [detectSystemTheme]) diff --git a/src/custom-tab-bar/index.scss b/src/custom-tab-bar/index.scss index 4a5d8b4..e035b2f 100644 --- a/src/custom-tab-bar/index.scss +++ b/src/custom-tab-bar/index.scss @@ -1,11 +1,36 @@ -.custom-tab-bar { +.tab-bar-root { position: fixed; - bottom: 12px; - left: 12px; - right: 12px; - border-radius: 24px; - height: calc(96px + constant(safe-area-inset-bottom)); - height: calc(96px + env(safe-area-inset-bottom)); + left: 0; + right: 0; + bottom: 0; + height: 160rpx; + pointer-events: none; + z-index: 999; +} + +.tab-bar-gradient { + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100%; +} + +.tab-bar-root.theme-light .tab-bar-gradient { + background: linear-gradient(to top, rgba(250, 247, 242, 0.5) 0%, rgba(250, 247, 242, 0.1) 50%, rgba(250, 247, 242, 0) 86%); +} + +.tab-bar-root.theme-dark .tab-bar-gradient { + background: linear-gradient(to top, rgba(25, 25, 25, 0.5) 0%, rgba(25, 25, 25, 0.1) 50%, rgba(25, 25, 25, 0) 86%); +} + +.custom-tab-bar { + position: absolute; + bottom: 36rpx; + left: 36rpx; + right: 36rpx; + border-radius: 64rpx; + height: 116rpx; box-sizing: border-box; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(32px) saturate(1.2); @@ -13,9 +38,9 @@ display: flex; justify-content: space-around; align-items: center; - box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); - padding-bottom: constant(safe-area-inset-bottom); - padding-bottom: env(safe-area-inset-bottom); + border: 1rpx solid rgba(255, 255, 255, 0.55); + box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.18), 0 4rpx 12rpx rgba(0, 0, 0, 0.08); + pointer-events: auto; z-index: 1000; } @@ -24,7 +49,8 @@ background: rgba(25, 25, 25, 0.55); backdrop-filter: blur(32px) saturate(1.2); -webkit-backdrop-filter: blur(32px) saturate(1.2); - box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); + border-color: rgba(255, 255, 255, 0.14); + box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.5), 0 4rpx 12rpx rgba(0, 0, 0, 0.3); } .tab-item { @@ -35,10 +61,30 @@ padding: 0 12px; position: relative; flex: 1; + height: 100%; max-width: 160px; } +.tab-indicator { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 6rpx; + width: 120rpx; + height: 100rpx; + border-radius: 50rpx; + background: rgba(0, 0, 0, 0.14); + box-shadow: 0 0 6rpx rgba(0, 0, 0, 0.07); +} + +.custom-tab-bar.theme-dark .tab-indicator { + background: rgba(255, 255, 255, 0.14); + box-shadow: 0 0 6rpx rgba(255, 255, 255, 0.07); +} + .tab-icon-img { + position: relative; + z-index: 1; width: 40rpx; height: 40rpx; margin-bottom: 2px; @@ -52,6 +98,8 @@ } .tab-label { + position: relative; + z-index: 1; font-size: 20px; color: #8a7e76; font-weight: 700; diff --git a/src/custom-tab-bar/index.tsx b/src/custom-tab-bar/index.tsx index bf3e019..289ceb1 100644 --- a/src/custom-tab-bar/index.tsx +++ b/src/custom-tab-bar/index.tsx @@ -1,7 +1,7 @@ import { View, Text, Image } from '@tarojs/components' import Taro from '@tarojs/taro' import { useEffect, useState } from 'react' -import { getTheme, resolveTheme } from '../utils/store' +import { getTheme, resolveTheme, setDetectedSystemTheme } from '../utils/store' import { THEME_CHANGE_EVENT } from '../context/ThemeContext' import { applyPageBackground } from '../utils/themeBackground' import { assetUrl } from '../utils/asset' @@ -26,6 +26,11 @@ function currentTabPath(): string { return matchTab(path) } +type ThemeChangeApi = { + onThemeChange?: (listener: (res: { theme?: string }) => void) => void + offThemeChange?: (listener: (res: { theme?: string }) => void) => void +} + export default function CustomTabBar() { const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(resolveTheme(getTheme())) @@ -40,6 +45,27 @@ export default function CustomTabBar() { } }, []) + // 自定义 tabBar 不处在 React Tree 里，额外直接监听系统主题，保证“跟随系统”时也即时切换 + useEffect(() => { + const handler = (res: { theme?: string }) => { + if (res && (res.theme === 'dark' || res.theme === 'light')) { + setDetectedSystemTheme(res.theme) + if (getTheme() === 'auto') { + setResolvedTheme(res.theme) + } + } + } + const themeApi = Taro as typeof Taro & ThemeChangeApi + if (themeApi.onThemeChange) { + themeApi.onThemeChange(handler) + } + return () => { + if (themeApi.offThemeChange) { + themeApi.offThemeChange(handler) + } + } + }, []) + // 其它入口(如页面内部调用 switchTab)也会回到 tabBar，收到事件后重新同步选中态 useEffect(() => { const handler = (path?: string) => { @@ -66,20 +92,24 @@ export default function CustomTabBar() { } return ( - - {TABS.map((tab) => { - const isActive = tab.pagePath === activeTab - return ( - switchTab(tab.pagePath)} - > - - {tab.label} - - ) - })} + + + + {TABS.map((tab) => { + const isActive = tab.pagePath === activeTab + return ( + switchTab(tab.pagePath)} + > + {isActive && } + + {tab.label} + + ) + })} + ) } diff --git a/src/pages/address/index.scss b/src/pages/address/index.scss index eb90de5..18d36f3 100644 --- a/src/pages/address/index.scss +++ b/src/pages/address/index.scss @@ -1,135 +1,268 @@ +/* ============================================================ + Address Page — 收货地址 + ============================================================ */ .address-page { - padding: 0 24px 24px; + padding: 0 32rpx; + padding-bottom: calc(48rpx + env(safe-area-inset-bottom)); + box-sizing: border-box; +} + +/* --- Page Header --- */ +.page-header { + margin-bottom: 24rpx; + padding: 0; +} + +.page-header-inner { + display: flex; + align-items: center; + gap: 16rpx; + min-height: 88rpx; } .back-btn { - font-size: 40px; - padding: 10px; + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); } +.back-btn:active { + transform: scale(0.96); +} + +.back-arrow { + font-size: 36rpx; + line-height: 1; + color: var(--text-primary); +} + +.nav-title { + flex: 1; + text-align: center; + font-size: 34rpx; + font-weight: 700; + color: var(--text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.nav-placeholder { + width: 88rpx; + flex: 0 0 auto; +} + +/* --- 地址列表 --- */ .address-list { - margin-top: 20px; + display: flex; + flex-direction: column; + gap: 24rpx; } .address-card { - padding: 24px; - margin-bottom: 20px; + padding: 32rpx; } .address-header { - margin-bottom: 20px; + margin-bottom: 8rpx; } .address-user { display: flex; + flex-wrap: wrap; align-items: center; - margin-bottom: 12px; + gap: 16rpx; + margin-bottom: 12rpx; } .address-name { - font-size: 32px; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); - margin-right: 16px; } .address-phone { - font-size: 28px; + font-size: 24rpx; color: var(--text-secondary); } .default-tag { - margin-left: 12px; + display: inline-flex; + align-items: center; + height: 40rpx; + padding: 0 16rpx; + border-radius: 999rpx; background: var(--accent-primary); - color: #fff; - font-size: 20px; - padding: 2px 10px; - border-radius: 8px; + color: var(--bg-page); + font-size: 20rpx; + font-weight: 600; } .address-full { - font-size: 28px; + display: block; + font-size: 26rpx; color: var(--text-secondary); - line-height: 1.5; + line-height: 1.6; } .address-actions { display: flex; justify-content: flex-end; - gap: 24px; - padding-top: 16px; + gap: 16rpx; + margin-top: 20rpx; + padding-top: 24rpx; border-top: 1rpx solid var(--border); } .address-act { - font-size: 26px; + display: flex; + align-items: center; + min-height: 56rpx; + padding: 0 24rpx; + border-radius: 999rpx; + background: var(--accent-secondary-soft); color: var(--accent-secondary); + font-size: 24rpx; + font-weight: 500; } .address-act.delete { + background: var(--danger-soft); color: var(--danger); } -/* 表单弹窗 */ +/* --- 空状态 --- */ +.empty-state { + display: flex; + flex-direction: column; + align-items: center; + padding: 96rpx 40rpx; + text-align: center; +} + +.empty-icon-img { + width: 88rpx; + height: 88rpx; + margin-bottom: 24rpx; +} + +.empty-text { + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 12rpx; +} + +.empty-sub { + font-size: 26rpx; + color: var(--text-secondary); +} + +/* --- 底部操作栏 --- */ +.bottom-action-bar .btn-primary { + display: flex; + align-items: center; + justify-content: center; + flex: 1; + min-height: 96rpx; + padding: 0; + font-size: 30rpx; + font-weight: 600; +} + +/* --- 新增 / 编辑弹窗 --- */ +.modal-overlay { + display: flex; + align-items: center; + justify-content: center; + z-index: 1000; + padding: 48rpx; +} + .address-form { width: 100%; - max-width: 600px; - padding: 40px; + max-width: 640rpx; + padding: 40rpx; + box-sizing: border-box; +} + +.modal-title { + display: block; + text-align: center; + margin-bottom: 32rpx; + font-size: 36rpx; + font-weight: 700; + color: var(--text-primary); } .form-input { width: 100%; - height: 80px; - background: var(--bg-input); - border: 1rpx solid var(--border); - border-radius: 16px; - padding: 0 24px; - font-size: 28px; - color: var(--text-primary); - margin-bottom: 20px; + height: 88rpx; + margin-bottom: 20rpx; + padding: 0 24rpx; box-sizing: border-box; + border: 1rpx solid var(--border); + border-radius: 16rpx; + background: var(--bg-input); + font-size: 28rpx; + color: var(--text-primary); +} + +.form-input:focus { + border-color: var(--accent-primary); + background: var(--bg-card); } .form-picker { - width: 100%; - height: 80px; - background: var(--bg-input); - border: 1rpx solid var(--border); - border-radius: 16px; display: flex; align-items: center; - padding: 0 24px; - margin-bottom: 20px; + width: 100%; + height: 88rpx; + margin-bottom: 20rpx; + padding: 0 24rpx; box-sizing: border-box; + border: 1rpx solid var(--border); + border-radius: 16rpx; + background: var(--bg-input); } .form-picker-val { - font-size: 28px; + font-size: 28rpx; color: var(--text-primary); } .form-picker-ph { - font-size: 28px; - color: var(--text-secondary); + font-size: 28rpx; + color: var(--text-muted); } .form-row { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 32px; + gap: 24rpx; + margin-bottom: 32rpx; } .form-label { - font-size: 28px; + font-size: 28rpx; color: var(--text-primary); } .checkbox { - width: 44px; - height: 44px; - border: 1rpx solid var(--border); - border-radius: 10px; + width: 44rpx; + height: 44rpx; + border: 2rpx solid var(--border-strong); + border-radius: 12rpx; + background: var(--bg-card); + transition: background 160ms ease, border-color 160ms ease; } .checkbox.checked { @@ -139,39 +272,17 @@ .form-actions { display: flex; - gap: 20px; + gap: 20rpx; } .form-actions .btn-secondary, .form-actions .btn-primary { - flex: 1; - padding: 20px 0; - text-align: center; -} - -/* 空状态（主题适配） */ -.empty-state { display: flex; - flex-direction: column; align-items: center; - padding: 120px 40px; - text-align: center; -} - -.empty-icon-img { - width: 48px; - height: 48px; - margin-bottom: 24px; -} - -.empty-text { - font-size: 32px; - font-weight: 700; - color: var(--text-primary); - margin-bottom: 12px; -} - -.empty-sub { - font-size: 26px; - color: var(--text-secondary); + justify-content: center; + flex: 1; + min-height: 96rpx; + padding: 0; + font-size: 28rpx; + font-weight: 600; } diff --git a/src/pages/address/index.tsx b/src/pages/address/index.tsx index 12ce169..f9388f4 100644 --- a/src/pages/address/index.tsx +++ b/src/pages/address/index.tsx @@ -8,6 +8,7 @@ import { useThemeContext } from '../../context/ThemeContext' import { useSafeArea } from '../../hooks/useSafeArea' import { useStatusBar } from '../../hooks/useStatusBar' import ThemedPageMeta from '../../components/ThemedPageMeta' +import BottomActionBar from '../../components/BottomActionBar' import { assetUrl } from '../../utils/asset' export default function AddressPage() { @@ -98,11 +99,13 @@ export default function AddressPage() { - - - Taro.navigateBack()}>← - 收货地址 - + + + Taro.navigateBack()}> + ← + + 收货地址 + @@ -142,11 +145,11 @@ export default function AddressPage() { {/* 底部添加按钮 */} - + 新增收货地址 - + {/* 新增/编辑弹窗 */} {showForm && ( diff --git a/src/pages/agreement/index.scss b/src/pages/agreement/index.scss index e8e790b..a814f0c 100644 --- a/src/pages/agreement/index.scss +++ b/src/pages/agreement/index.scss @@ -1,35 +1,52 @@ -.agreement-page { - padding: 0 32px 32px; -} +/* ============================================================ + Agreement Page — 定制协议 + ============================================================ */ -.agreement-title { - font-size: 40px; - font-weight: 800; - color: var(--text-primary); - display: block; - margin-bottom: 32px; +.agreement-page { + padding: 0 32rpx calc(24rpx + env(safe-area-inset-bottom)); + min-height: 100vh; + box-sizing: border-box; } .agreement-content { - padding: 40px 0; + padding: 32rpx 0 48rpx; line-height: 1.8; } +.agreement-title { + display: block; + font-size: 44rpx; + font-weight: 700; + line-height: 1.2; + color: var(--text-primary); + margin-bottom: 32rpx; + letter-spacing: 0; +} + .agreement-section { - margin-bottom: 32px; + display: block; + margin-bottom: 24rpx; + padding: 32rpx; +} + +.agreement-section:last-child { + margin-bottom: 0; } .agreement-h3 { - font-size: 32px; - font-weight: 700; - color: var(--text-primary); display: block; - margin-bottom: 16px; + font-size: 32rpx; + font-weight: 700; + line-height: 1.3; + color: var(--text-primary); + margin-bottom: 16rpx; + letter-spacing: 0; } .agreement-p { - font-size: 28px; - color: var(--text-secondary); - line-height: 1.8; display: block; + font-size: 28rpx; + line-height: 1.8; + color: var(--text-secondary); + white-space: pre-line; } diff --git a/src/pages/agreement/index.tsx b/src/pages/agreement/index.tsx index e53dbda..1a7aca9 100644 --- a/src/pages/agreement/index.tsx +++ b/src/pages/agreement/index.tsx @@ -40,7 +40,7 @@ export default function AgreementPage() { 定制协议 {SECTIONS.map((sec, idx) => ( - + {sec.title} {sec.content} diff --git a/src/pages/checkout/index.scss b/src/pages/checkout/index.scss index 6048339..f3a0aac 100644 --- a/src/pages/checkout/index.scss +++ b/src/pages/checkout/index.scss @@ -1,27 +1,80 @@ +/* ============================================================ + Checkout Page — 确认下单 + ============================================================ */ .checkout-page { - padding: 0 24px 24px; + padding: 0 32rpx; + padding-bottom: calc(48rpx + env(safe-area-inset-bottom)); + box-sizing: border-box; +} + +/* --- Page Header --- */ +.page-header { + margin-bottom: 24rpx; + padding: 0; +} + +.page-header-inner { + display: flex; + align-items: center; + gap: 16rpx; + min-height: 88rpx; } .back-btn { - font-size: 40px; - padding: 10px; + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); } -/* 画布展示区 */ +.back-btn:active { + transform: scale(0.96); +} + +.back-arrow { + font-size: 36rpx; + line-height: 1; + color: var(--text-primary); +} + +.nav-title { + flex: 1; + text-align: center; + font-size: 34rpx; + font-weight: 700; + color: var(--text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.nav-placeholder { + width: 88rpx; + flex: 0 0 auto; +} + +/* --- 设计预览 --- */ .checkout-canvas { display: flex; align-items: center; justify-content: center; - padding: 40px; + margin-bottom: 24rpx; + padding: 32rpx; } .canvas-area { position: relative; overflow: hidden; - background: rgba(0,0,0,0.03); - border: 1rpx solid var(--border-strong); max-width: 100%; box-sizing: border-box; + background: var(--bg-input); + border: 1rpx solid var(--border-strong); } .checkout-image { @@ -32,125 +85,153 @@ max-height: 100%; } -/* 商品信息 */ -.checkout-info { - padding: 24px; +/* --- 商品信息 --- */ +.checkout-info, +.checkout-address-card { + margin-bottom: 24rpx; + padding: 32rpx; +} + +.card-title { + display: block; + margin-bottom: 24rpx; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; } .info-row { display: flex; align-items: center; justify-content: space-between; - padding: 20px 0; + gap: 24rpx; + padding: 24rpx 0; border-bottom: 1rpx solid var(--border); } .info-row:last-child { border-bottom: none; + padding-bottom: 0; } .info-label { - font-size: 28px; + flex: 0 0 auto; + font-size: 28rpx; color: var(--text-secondary); } .info-value { - font-size: 28px; - color: var(--text-primary); + flex: 1; + text-align: right; + font-size: 28rpx; font-weight: 500; + color: var(--text-primary); + word-break: break-all; } .total-row { - padding-top: 24px; - margin-top: 8px; + padding-top: 24rpx; + margin-top: 8rpx; } .info-total { - font-size: 40px; + font-size: 40rpx; font-weight: 800; color: var(--accent-primary); + font-variant-numeric: tabular-nums; } -/* 地址卡片 */ -.checkout-address-card { - padding: 24px; -} - +/* --- 收货地址 --- */ .checkout-address-header { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 16px; + gap: 24rpx; + margin-bottom: 16rpx; +} + +.checkout-address-header .card-title { + margin-bottom: 0; } .address-change { - padding: 6px 16px; - border-radius: 8px; + display: flex; + align-items: center; + height: 56rpx; + padding: 0 24rpx; + border-radius: 999rpx; background: var(--accent-secondary-soft); } .change-text { - font-size: 24px; + font-size: 24rpx; + font-weight: 500; color: var(--accent-secondary); } .checkout-address-body { - padding-top: 8px; + padding-top: 8rpx; } .addr-row { display: flex; align-items: center; - gap: 16px; - margin-bottom: 8px; + gap: 16rpx; + margin-bottom: 8rpx; } .addr-name { - font-size: 28px; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); } .addr-phone { - font-size: 26px; + font-size: 24rpx; color: var(--text-secondary); } .addr-detail { - font-size: 26px; + font-size: 26rpx; color: var(--text-secondary); - line-height: 1.5; + line-height: 1.6; } .checkout-address-empty { - padding: 32px 0; + padding: 32rpx 0; text-align: center; } .empty-text { - font-size: 26px; + font-size: 28rpx; color: var(--text-secondary); } -/* 底部弹窗 — 地址选择（样式复用 app.scss 全局定义，移除非必要覆写） */ - +/* --- 地址选择弹层 --- */ .addr-picker-header { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 20px; + margin-bottom: 24rpx; } .addr-picker-title { - font-size: 32px; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); } .addr-picker-close { - font-size: 28px; + display: flex; + align-items: center; + justify-content: center; + width: 64rpx; + height: 64rpx; + border-radius: 50%; + background: var(--bg-muted); color: var(--text-secondary); - padding: 8px; + font-size: 28rpx; } .addr-picker-list { @@ -159,69 +240,90 @@ } .addr-picker-item { - padding: 20px 16px; - border-bottom: 1rpx solid var(--border); + padding: 24rpx; + border: 1rpx solid transparent; + border-radius: 16rpx; + transition: background 160ms ease, border-color 160ms ease; +} + +.addr-picker-item + .addr-picker-item { + margin-top: 16rpx; } .addr-picker-item.active { - background: var(--accent-secondary-soft); - border-radius: 12px; + background: var(--accent-primary-soft); + border-color: var(--accent-primary); } .addr-picker-row { display: flex; align-items: center; - gap: 16px; - margin-bottom: 8px; + gap: 16rpx; + margin-bottom: 8rpx; } .addr-picker-name { - font-size: 28px; + font-size: 30rpx; font-weight: 700; color: var(--text-primary); } .addr-picker-phone { - font-size: 26px; + font-size: 24rpx; color: var(--text-secondary); } .addr-picker-default { - font-size: 22px; + display: inline-flex; + align-items: center; + height: 40rpx; + padding: 0 16rpx; + border-radius: 999rpx; + font-size: 20rpx; + font-weight: 600; color: var(--accent-primary); - border: 1px solid var(--accent-primary); - padding: 2px 8px; - border-radius: 6px; + background: var(--accent-primary-soft); } .addr-picker-detail { - font-size: 26px; + font-size: 26rpx; color: var(--text-secondary); + line-height: 1.6; } .addr-picker-empty { - padding: 40px; + padding: 48rpx 32rpx; text-align: center; + font-size: 28rpx; color: var(--text-secondary); - font-size: 28px; } .addr-picker-add { - margin-top: 16px; - padding: 20px; - text-align: center; + display: flex; + align-items: center; + justify-content: center; + height: 96rpx; + margin-top: 24rpx; border: 1rpx solid var(--border-strong); - border-radius: 12px; + border-radius: 999rpx; + background: var(--bg-card); } .addr-picker-add-text { - font-size: 28px; + font-size: 28rpx; + font-weight: 600; color: var(--accent-secondary); } -/* 底部操作 — 毛玻璃规则由全局 .action-bar 提供 */ -.action-bar .btn-secondary, -.action-bar .btn-primary { +/* --- 底部操作栏 --- */ +.bottom-action-bar .btn-secondary, +.bottom-action-bar .btn-primary { + display: flex; + align-items: center; + justify-content: center; flex: 1; - text-align: center; + min-height: 96rpx; + padding: 0; + font-size: 30rpx; + font-weight: 600; } diff --git a/src/pages/checkout/index.tsx b/src/pages/checkout/index.tsx index a4b58e9..2b7a0c9 100644 --- a/src/pages/checkout/index.tsx +++ b/src/pages/checkout/index.tsx @@ -7,6 +7,7 @@ import { useThemeContext } from '../../context/ThemeContext' import { useSafeArea } from '../../hooks/useSafeArea' import { useStatusBar } from '../../hooks/useStatusBar' import ThemedPageMeta from '../../components/ThemedPageMeta' +import BottomActionBar from '../../components/BottomActionBar' export default function CheckoutPage() { const { theme, resolvedTheme } = useThemeContext() @@ -67,8 +68,14 @@ export default function CheckoutPage() { - - 设计不存在 + + + Taro.navigateBack()}> + ← + + 设计不存在 + + @@ -85,20 +92,22 @@ export default function CheckoutPage() { } return ( - - - + + + - - - Taro.navigateBack()}>← - 设计效果确认 - + + + Taro.navigateBack()}> + ← + + 设计效果确认 + {/* 效果展示区 */} - + {hasStickers ? ( design.designData.stickers.map((s: any) => ( @@ -128,7 +137,8 @@ export default function CheckoutPage() { {/* 商品信息 */} - + + 确认商品 商品 {design.productName} @@ -148,9 +158,9 @@ export default function CheckoutPage() { {/* 收货地址 */} - + - 收货地址 + 收货地址 setShowAddrPicker(true)}> 更改收货地址 @@ -173,14 +183,14 @@ export default function CheckoutPage() { {/* 底部操作 */} - + Taro.navigateBack()}> 返回修改 确认下单 - + diff --git a/src/pages/designList/index.scss b/src/pages/designList/index.scss index 7339f76..e142939 100644 --- a/src/pages/designList/index.scss +++ b/src/pages/designList/index.scss @@ -1,76 +1,95 @@ .design-page { - padding: 0 24px 24px; + padding: 0 32rpx 24rpx; min-height: 100vh; } -.manage-btn { - font-size: 28px; - color: var(--accent-secondary); - font-weight: 500; +.page-header.design-header { + display: flex; + align-items: center; + min-height: 88rpx; + padding-bottom: 16rpx; } -/* 状态 Tab */ +.header-spacer { + width: 88rpx; + height: 88rpx; + flex-shrink: 0; +} + +.header-title { + flex: 1; + text-align: center; + font-size: 36rpx; + font-weight: 700; + color: var(--text-primary); +} + +.header-manage { + width: 88rpx; + text-align: center; + font-size: 28rpx; + font-weight: 500; + color: var(--accent-secondary); +} + +/* 状态筛选 chip-row */ .status-tabs { - margin: 20px 0; - background: var(--bg-card); - border: 1rpx solid var(--border); - border-radius: 16px; - padding: 8px 0; + margin: 8rpx 0 24rpx; } .tabs-scroll { white-space: nowrap; } -.tab-item { - display: inline-block; - padding: 20px 32px; - position: relative; -} - -.tab-label { - font-size: 28px; +.chip { + display: inline-flex; + align-items: center; + justify-content: center; + height: 64rpx; + padding: 0 32rpx; + margin-right: 16rpx; + border-radius: 999rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); color: var(--text-secondary); + font-size: 26rpx; font-weight: 500; } -.tab-item.active .tab-label { - color: var(--accent-primary); - font-weight: 700; +.chip.active { + background: var(--accent-primary); + border-color: var(--accent-primary); + color: var(--bg-page); + font-weight: 600; } -.tab-underline { - position: absolute; - bottom: 8px; - left: 50%; - transform: translateX(-50%); - width: 40px; - height: 4px; - background: var(--accent-primary); - border-radius: 2px; +.chip .tab-label { + color: inherit; } /* 批量管理工具栏 */ .batch-bar { - padding: 20px 24px; - margin-bottom: 16px; display: flex; align-items: center; + margin-bottom: 24rpx; + padding: 24rpx; + background: var(--bg-card); + border-radius: 24rpx; + box-shadow: var(--shadow-card); } .batch-select-all { display: flex; align-items: center; - gap: 16px; } .batch-checkbox { - width: 36px; - height: 36px; + width: 40rpx; + height: 40rpx; border-radius: 50%; border: 2rpx solid var(--border-strong); flex-shrink: 0; - transition: all 0.2s; + transition: background 160ms ease, border-color 160ms ease; } .batch-checkbox.checked { @@ -79,14 +98,15 @@ } .batch-text { - font-size: 26px; + margin-left: 16rpx; + font-size: 26rpx; color: var(--text-primary); } .batch-delete { - font-size: 26px; + font-size: 26rpx; color: var(--text-secondary); - padding: 10px 24px; + padding: 12rpx 24rpx; } .batch-delete.active { @@ -94,15 +114,19 @@ font-weight: 600; } -/* 设计卡片列表 */ +/* 设计清单 detail-card */ .design-list { - padding-bottom: 24px; + padding-bottom: 24rpx; } .design-card { - margin-bottom: 20px; - padding: 28px; - transition: all 0.2s ease; + margin-bottom: 24rpx; + padding: 24rpx; + background: var(--bg-card); + border: 1rpx solid transparent; + border-radius: 24rpx; + box-shadow: var(--shadow-card); + transition: background 160ms ease, border-color 160ms ease; } .design-card.selected { @@ -112,48 +136,65 @@ .design-body { display: flex; - align-items: flex-start; - gap: 20px; - margin-bottom: 20px; -} - -.design-icon { - font-size: 56px; - flex-shrink: 0; + align-items: center; + gap: 20rpx; } .design-icon-img { - width: 56px; - height: 56px; + width: 48rpx; + height: 48rpx; flex-shrink: 0; + border-radius: 12rpx; + background: var(--bg-input); } .design-info { flex: 1; + min-width: 0; } .design-title-row { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 12px; + gap: 16rpx; + margin-bottom: 8rpx; } .design-name { - font-size: 32px; + flex: 1; + min-width: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 30rpx; font-weight: 700; color: var(--text-primary); } +.design-card .badge { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40rpx; + padding: 0 16rpx; + border-radius: 999rpx; + font-size: 22rpx; + font-weight: 600; + line-height: 1; + flex-shrink: 0; +} + .design-meta { - font-size: 24px; - color: var(--text-secondary); display: block; - margin-bottom: 8px; + font-size: 24rpx; + color: var(--text-secondary); + margin-bottom: 4rpx; } .design-total { - font-size: 26px; + display: block; + font-size: 24rpx; font-weight: 600; color: var(--accent-primary); } @@ -161,11 +202,18 @@ .design-actions { display: flex; justify-content: flex-end; + margin-top: 24rpx; } .design-btn { - padding: 16px 40px; - font-size: 26px; + display: flex; + align-items: center; + justify-content: center; + height: 64rpx; + padding: 0 32rpx; + font-size: 26rpx; + font-weight: 600; + border-radius: 999rpx; } /* 空状态 */ @@ -173,25 +221,37 @@ display: flex; flex-direction: column; align-items: center; - padding: 100px 40px; + padding: 100rpx 40rpx; text-align: center; } .empty-icon-img { - width: 56px; - height: 56px; - margin-bottom: 24px; + width: 88rpx; + height: 88rpx; + margin-bottom: 24rpx; } .empty-text { - font-size: 32px; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); - margin-bottom: 12px; + margin-bottom: 12rpx; } .empty-sub { - font-size: 26px; + font-size: 28rpx; color: var(--text-secondary); - margin-bottom: 32px; + margin-bottom: 32rpx; +} + +.empty-state .btn-primary { + display: flex; + align-items: center; + justify-content: center; + min-width: 320rpx; + height: 88rpx; + padding: 0 48rpx; + border-radius: 999rpx; + font-size: 30rpx; + font-weight: 600; } diff --git a/src/pages/designList/index.tsx b/src/pages/designList/index.tsx index 21de3e7..720dfa7 100644 --- a/src/pages/designList/index.tsx +++ b/src/pages/designList/index.tsx @@ -19,6 +19,8 @@ const STATUS_TABS = [ { code: 'ordered', label: '已下单' } ] +const VISIBLE_STATUS_TABS = STATUS_TABS.filter(tab => tab.code !== 'undesigned') + const STATUS_STYLE: Record = { undesigned: { label: '未设计', cls: 'badge-pink' }, designing: { label: '设计中', cls: 'badge-blue' }, @@ -120,27 +122,24 @@ export default function DesignListPage() { - - - Taro.navigateBack()}>← - 我的设计清单 - - {managing ? '完成' : '管理'} - + + + 我的设计清单 + + {managing ? '完成' : '管理'} {/* 状态筛选 */} - {STATUS_TABS.map(tab => ( + {VISIBLE_STATUS_TABS.map(tab => ( setActiveTab(tab.code)} > {tab.label} - {activeTab === tab.code && } ))} @@ -148,7 +147,7 @@ export default function DesignListPage() { {/* 批量管理工具栏 */} {managing && ( - + 0 ? 'checked' : ''}`} /> @@ -173,7 +172,7 @@ export default function DesignListPage() { return ( managing ? toggleSelect(item.id) : undefined} > @@ -220,7 +219,6 @@ export default function DesignListPage() { )} - diff --git a/src/pages/diy/index.scss b/src/pages/diy/index.scss index bb94419..5c25296 100644 --- a/src/pages/diy/index.scss +++ b/src/pages/diy/index.scss @@ -1,24 +1,91 @@ .diy-page { - padding: 0 24px 24px; + padding: 0 32rpx calc(48rpx + env(safe-area-inset-bottom)); min-height: 100vh; + box-sizing: border-box; +} + +/* 顶部标题区 */ +.diy-page .page-header { + display: flex; + align-items: center; + margin: 0 0 24rpx; + padding-top: 0; + padding-bottom: 16rpx; + background: transparent; + border: none; + box-shadow: none; +} + +.diy-page .page-header.surface-card { + background: transparent; + border: none; + box-shadow: none; +} + +.diy-page .page-header .flex-between { + min-height: 88rpx; +} + +.back-btn { + display: flex; + align-items: center; + justify-content: center; + width: 80rpx; + height: 80rpx; + flex-shrink: 0; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); + font-size: 36rpx; + line-height: 1; + color: var(--text-primary); +} + +.back-btn:active { + transform: scale(0.96); +} + +.diy-page .page-title { + flex: 1; + min-width: 0; + padding: 0 16rpx; + text-align: center; + font-size: 34rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; + line-height: 1.2; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.header-spacer { + width: 80rpx; + height: 80rpx; + flex-shrink: 0; } /* 画布区域 */ .canvas-wrapper { - padding: 40px; + padding: 24rpx; display: flex; justify-content: center; + align-items: center; + border-radius: 24rpx; } .canvas-area { position: relative; background: var(--bg-input); overflow: hidden; - border-radius: 16px; - min-width: 200px; - min-height: 200px; + border-radius: 24rpx; + min-width: 300rpx; + min-height: 400rpx; max-width: 100%; box-sizing: border-box; + box-shadow: inset 0 0 0 1rpx var(--border-strong); } .mask-border { @@ -37,46 +104,59 @@ max-width: 100%; max-height: 100%; z-index: 5; - border: 2px solid transparent; + border: 2rpx solid transparent; + border-radius: 8rpx; } .canvas-image.active { border-color: var(--accent-primary); + box-shadow: 0 0 0 8rpx var(--accent-primary-soft); } .canvas-image.overlap { border-color: var(--danger); - box-shadow: 0 0 12px var(--danger-soft); + box-shadow: 0 0 0 8rpx var(--danger-soft); } /* 贴纸面板 */ .sticker-panel { - padding: 28px; + padding: 24rpx; +} + +.sticker-panel .section-title { + display: block; + margin-bottom: 20rpx; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; } .sticker-list { display: flex; flex-wrap: wrap; - gap: 16px; + gap: 16rpx; } .sticker-thumb { position: relative; - width: 120px; - height: 120px; + width: 164rpx; + height: 164rpx; border: 1rpx solid var(--border); - border-radius: 12px; + border-radius: 20rpx; overflow: hidden; background: var(--bg-input); + box-shadow: var(--shadow-card); } .sticker-thumb.active { border-color: var(--accent-primary); - border-width: 2rpx; + box-shadow: 0 0 0 6rpx var(--accent-primary-soft); } .sticker-thumb.overlap { border-color: var(--danger); + box-shadow: 0 0 0 6rpx var(--danger-soft); } .sticker-thumb-img { @@ -86,52 +166,59 @@ .sticker-del { position: absolute; - top: 4px; - right: 4px; - width: 36px; - height: 36px; + top: 8rpx; + right: 8rpx; + width: 44rpx; + height: 44rpx; background: var(--danger); border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; + box-shadow: var(--shadow-card); } .del-icon { color: #fff; - font-size: 24px; + font-size: 28rpx; font-weight: 700; + line-height: 1; } .sticker-add-btn { - width: 120px; - height: 120px; - border: 1rpx solid var(--border); - border-radius: 12px; + width: 164rpx; + height: 164rpx; + border: 1rpx solid var(--border-strong); + border-radius: 20rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; - background: var(--bg-input); + background: var(--bg-muted); +} + +.sticker-add-btn:active { + transform: scale(0.97); } .add-icon { - font-size: 48px; + font-size: 44rpx; color: var(--accent-primary); line-height: 1; + font-weight: 600; } .add-label { - font-size: 22px; + font-size: 22rpx; color: var(--text-secondary); - margin-top: 8px; + margin-top: 8rpx; } .overlap-hint { display: block; - margin-top: 16px; - font-size: 26px; + margin-top: 16rpx; + font-size: 24rpx; color: var(--danger); font-weight: 600; text-align: center; @@ -139,153 +226,78 @@ /* 工具栏 */ .toolbar { - padding: 28px 32px; + padding: 24rpx; } .tool-row { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 20px; + gap: 16rpx; + padding: 8rpx 0; } -.tool-row:last-child { - margin-bottom: 0; +.tool-row + .tool-row { + border-top: 1rpx solid var(--border); + margin-top: 8rpx; + padding-top: 16rpx; } .tool-label { - font-size: 28px; + font-size: 26rpx; font-weight: 600; color: var(--text-primary); } .tool-btn { - width: 56px; - height: 56px; + width: 64rpx; + height: 64rpx; background: var(--bg-input); - border: 1rpx solid var(--border-strong); - border-radius: 50%; + border: 1rpx solid var(--border); + border-radius: 16rpx; display: flex; align-items: center; justify-content: center; - font-size: 32px; + font-size: 32rpx; color: var(--text-primary); - font-weight: 700; + font-weight: 600; +} + +.tool-btn:active { + transform: scale(0.96); + background: var(--bg-muted); } .tool-value { - font-size: 28px; + font-size: 26rpx; font-weight: 600; color: var(--accent-primary); - min-width: 80px; + min-width: 88rpx; text-align: center; + font-variant-numeric: tabular-nums; } .tool-hint { - font-size: 24px; + font-size: 24rpx; color: var(--text-secondary); } -/* 预览弹窗 */ -.preview-overlay { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.5); - display: flex; - align-items: center; - justify-content: center; - z-index: 1000; - padding: 40px; -} - -.preview-card { - background: var(--bg-card); - width: 100%; - max-height: 80vh; - overflow-y: auto; - padding: 40px; -} - -.preview-title { - font-size: 36px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 24px; - text-align: center; -} - -.preview-canvas { - background: var(--bg-input); - border-radius: 16px; - overflow: hidden; - margin: 0 auto 24px; - border: 1rpx solid var(--border-strong); - position: relative; - min-width: 200px; - min-height: 200px; - max-width: 100%; - box-sizing: border-box; -} - -.preview-image { - position: absolute; - max-width: 100%; - max-height: 100%; - z-index: 5; -} - -.preview-image.overlap { - border: 2px solid var(--danger); -} - -.product-info { - text-align: center; - margin-bottom: 32px; -} - -.product-name { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 8px; -} - -.product-size { - font-size: 24px; - color: var(--text-secondary); -} - -.preview-actions { - display: flex; - gap: 20px; -} - -.preview-actions .btn-secondary, -.preview-actions .btn-primary { - flex: 1; - text-align: center; -} - -.preview-actions .btn-primary.disabled { - opacity: 0.5; - pointer-events: none; -} - /* 常驻编辑按钮 */ .edit-btn-bar { display: flex; justify-content: flex-end; + margin-top: 24rpx; } .edit-btn { - padding: 16px 48px; - border-radius: 50px; - font-size: 28px; + display: flex; + align-items: center; + justify-content: center; + min-width: 176rpx; + height: 88rpx; + padding: 0 40rpx; + border-radius: 999rpx; + font-size: 28rpx; font-weight: 600; text-align: center; background: var(--bg-input); @@ -301,19 +313,132 @@ } .edit-btn.disabled { + opacity: 0.45; + pointer-events: none; +} + +/* 底部操作栏 — 毛玻璃由 BottomActionBar 提供 */ +.bottom-action-bar .btn-primary, +.bottom-action-bar .btn-secondary { + flex: 1; + text-align: center; + padding: 28rpx 0; + font-size: 28rpx; + font-weight: 600; + line-height: 1.2; +} + +/* 预览弹层 */ +.preview-overlay { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.45); + display: flex; + align-items: flex-end; + justify-content: center; + z-index: 1000; +} + +.preview-card { + width: 100%; + max-height: 88vh; + overflow-y: auto; + padding: 40rpx 32rpx calc(32rpx + env(safe-area-inset-bottom)); + background: var(--bg-card); + border-radius: 32rpx 32rpx 0 0; + border: 1rpx solid var(--border); + box-shadow: var(--shadow-elevated); + box-sizing: border-box; +} + +.preview-card::before { + content: ''; + display: block; + width: 64rpx; + height: 8rpx; + margin: 0 auto 32rpx; + border-radius: 999rpx; + background: var(--bg-muted); +} + +.preview-title { + font-size: 34rpx; + font-weight: 700; + color: var(--text-primary); + display: block; + margin-bottom: 24rpx; + text-align: center; + letter-spacing: 0; +} + +.preview-canvas { + background: var(--bg-input); + border-radius: 24rpx; + overflow: hidden; + margin: 0 auto 24rpx; + border: 1rpx solid var(--border-strong); + position: relative; + min-width: 300rpx; + min-height: 400rpx; + max-width: 100%; + box-sizing: border-box; +} + +.preview-image { + position: absolute; + max-width: 100%; + max-height: 100%; + z-index: 5; +} + +.preview-image.overlap { + border: 2rpx solid var(--danger); + border-radius: 8rpx; +} + +.product-info { + text-align: center; + margin-bottom: 28rpx; +} + +.product-name { + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + display: block; + margin-bottom: 8rpx; + letter-spacing: 0; +} + +.product-size { + font-size: 24rpx; + color: var(--text-secondary); +} + +.preview-actions { + display: flex; + gap: 16rpx; +} + +.preview-actions .btn-secondary, +.preview-actions .btn-primary { + flex: 1; + text-align: center; + padding: 28rpx 0; + font-size: 28rpx; + font-weight: 600; + line-height: 1.2; +} + +.preview-actions .btn-primary.disabled { opacity: 0.5; pointer-events: none; } -/* 底部操作栏 — 毛玻璃规则由全局 .action-bar 提供 */ -.action-bar .btn-primary, -.action-bar .btn-secondary { - flex: 1; - text-align: center; - padding: 24px 0; - font-size: 28px; -} - +/* 局部间距 */ .mt-20 { - margin-top: 20px; + margin-top: 24rpx; } diff --git a/src/pages/diy/index.tsx b/src/pages/diy/index.tsx index c42b72e..4d3542b 100644 --- a/src/pages/diy/index.tsx +++ b/src/pages/diy/index.tsx @@ -8,6 +8,7 @@ import { useThemeContext } from '../../context/ThemeContext' import { useSafeArea } from '../../hooks/useSafeArea' import { useStatusBar } from '../../hooks/useStatusBar' import ThemedPageMeta from '../../components/ThemedPageMeta' +import BottomActionBar from '../../components/BottomActionBar' export default function DIYPage() { const { theme, resolvedTheme } = useThemeContext() @@ -275,11 +276,11 @@ export default function DIYPage() { - + ← 设计工作台 - + @@ -358,14 +359,14 @@ export default function DIYPage() { {/* 底部操作按钮 */} - + setPreviewMode(true)}> 预览效果 添加贴纸 - + {/* 预览弹层 */} {previewMode && ( diff --git a/src/pages/diy/stickerEdit/index.scss b/src/pages/diy/stickerEdit/index.scss index 70b8705..4425383 100644 --- a/src/pages/diy/stickerEdit/index.scss +++ b/src/pages/diy/stickerEdit/index.scss @@ -1,37 +1,65 @@ .sticker-edit-page { - padding: 0 24px 24px; + padding: 0 32rpx calc(48rpx + env(safe-area-inset-bottom)); min-height: 100vh; display: flex; flex-direction: column; + box-sizing: border-box; } +/* 顶部导航 */ .edit-header { display: flex; align-items: center; justify-content: space-between; - padding: calc(env(safe-area-inset-top, 0px) + 24px) 0 24px; + gap: 16rpx; + padding-bottom: 24rpx; } .edit-back { - font-size: 36px; + display: flex; + align-items: center; + justify-content: center; + width: 80rpx; + height: 80rpx; + flex-shrink: 0; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); + font-size: 36rpx; + line-height: 1; color: var(--text-primary); - width: 60px; +} + +.edit-back:active { + transform: scale(0.96); } .edit-title { - font-size: 34px; + flex: 1; + min-width: 0; + text-align: center; + font-size: 34rpx; font-weight: 700; color: var(--text-primary); - text-align: center; - flex: 1; + letter-spacing: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .edit-save { - font-size: 28px; - color: var(--accent-primary); + display: flex; + align-items: center; + justify-content: flex-end; + min-width: 80rpx; + font-size: 26rpx; font-weight: 600; - width: 60px; - text-align: right; + color: var(--accent-primary); +} + +.edit-save:active { + opacity: 0.85; } /* 画布区域 */ @@ -40,27 +68,30 @@ display: flex; align-items: center; justify-content: center; - padding: 20px 0; - min-height: 400px; + padding: 8rpx 0 24rpx; + min-height: 480rpx; } .edit-canvas { width: 100%; - height: 500px; + height: 480rpx; background: var(--bg-input); - border-radius: 16px; + border-radius: 24rpx; + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); } /* 工具面板 */ .edit-tools { - padding: 32px; + padding: 24rpx; } .edit-row { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 32px; + gap: 24rpx; + margin-bottom: 24rpx; } .edit-row:last-child { @@ -68,76 +99,36 @@ } .edit-label { - font-size: 28px; - font-weight: 500; + font-size: 26rpx; + font-weight: 600; color: var(--text-primary); - width: 120px; + width: 96rpx; flex-shrink: 0; } -.slider-wrap { - flex: 1; - display: flex; - align-items: center; - gap: 16px; -} - -.slider-track { - flex: 1; - height: 8px; - border-radius: 4px; - background: var(--bg-input); - position: relative; -} - -.slider-fill { - height: 100%; - border-radius: 4px; - background: linear-gradient(90deg, var(--accent-primary), var(--accent-primary-soft)); - position: absolute; - left: 0; - top: 0; -} - -.slider-thumb { - width: 32px; - height: 32px; - border-radius: 50%; - background: #fff; - border: 4px solid var(--accent-primary); - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - box-shadow: 0 2px 8px rgba(0,0,0,0.15); -} - -.slider-value { - font-size: 24px; - color: var(--text-secondary); - min-width: 60px; - text-align: right; -} - -/* 快速操作按钮 */ .edit-quick-actions { display: flex; - gap: 16px; + gap: 16rpx; flex-wrap: wrap; } .quick-btn { - padding: 16px 28px; - border-radius: 40px; - font-size: 24px; + display: flex; + align-items: center; + justify-content: center; + height: 64rpx; + padding: 0 28rpx; + border-radius: 999rpx; + font-size: 24rpx; font-weight: 500; background: var(--bg-input); color: var(--text-primary); border: 1rpx solid var(--border); - transition: all 0.2s; + transition: all 0.2s ease; } .quick-btn:active { - opacity: 0.8; + opacity: 0.85; transform: scale(0.97); } @@ -147,13 +138,67 @@ color: var(--accent-primary); } -/* 底部操作栏 — 毛玻璃规则由全局 .action-bar 提供 */ +/* 滑块 */ +.slider-wrap { + flex: 1; + display: flex; + align-items: center; + gap: 12rpx; + min-width: 0; +} + +.slider-track { + flex: 1; + height: 8rpx; + border-radius: 999rpx; + background: var(--bg-input); + border: 1rpx solid var(--border); + position: relative; + min-width: 0; +} + +.slider-fill { + height: 100%; + border-radius: 999rpx; + background: linear-gradient(90deg, var(--accent-primary), var(--accent-primary-soft)); + position: absolute; + left: 0; + top: 0; +} + +.slider-thumb { + width: 32rpx; + height: 32rpx; + border-radius: 50%; + background: var(--bg-card); + border: 4rpx solid var(--accent-primary); + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + box-shadow: var(--shadow-card); +} + +.slider-thumb.dragging { + transform: translate(-50%, -50%) scale(1.12); +} + +.slider-value { + font-size: 22rpx; + color: var(--text-secondary); + min-width: 80rpx; + text-align: right; + font-variant-numeric: tabular-nums; +} + +/* 底部操作栏 — 毛玻璃由 BottomActionBar 提供 */ .edit-footer .btn-primary, .edit-footer .btn-secondary { flex: 1; text-align: center; - padding: 24px 0; - font-size: 28px; + padding: 28rpx 0; + font-size: 28rpx; + font-weight: 600; + line-height: 1.2; } /* 加载遮罩 */ @@ -163,7 +208,7 @@ left: 0; right: 0; bottom: 0; - background: rgba(0,0,0,0.4); + background: rgba(0, 0, 0, 0.45); z-index: 1000; display: flex; align-items: center; @@ -172,7 +217,12 @@ } .edit-loading-text { - font-size: 28px; + font-size: 28rpx; color: #fff; - margin-top: 20px; + margin-top: 20rpx; +} + +/* 局部间距 */ +.mt-20 { + margin-top: 24rpx; } diff --git a/src/pages/diy/stickerEdit/index.tsx b/src/pages/diy/stickerEdit/index.tsx index 038961e..431142c 100644 --- a/src/pages/diy/stickerEdit/index.tsx +++ b/src/pages/diy/stickerEdit/index.tsx @@ -8,6 +8,7 @@ import { useThemeContext } from '../../../context/ThemeContext' import { useSafeArea } from '../../../hooks/useSafeArea' import { useStatusBar } from '../../../hooks/useStatusBar' import ThemedPageMeta from '../../../components/ThemedPageMeta' +import BottomActionBar from '../../../components/BottomActionBar' /* ============================================================ 使用 Canvas 实现贴纸编辑（亮度/色相/线稿） @@ -324,7 +325,7 @@ export default function StickerEditPage() { id='editCanvas' type='2d' className='edit-canvas' - style={{ width: '100%', height: '400px' }} + style={{ width: '100%', height: '480rpx' }} /> @@ -415,14 +416,14 @@ export default function StickerEditPage() { - + Taro.navigateBack()}> 取消 保存 - + diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss index 21b9d97..bbcb1bc 100644 --- a/src/pages/index/index.scss +++ b/src/pages/index/index.scss @@ -1,49 +1,52 @@ .index-page { - padding: 0 24px 24px; + padding: 0 32rpx 24rpx; + box-sizing: border-box; } -/* 顶部标题栏 */ -.header-bar { - padding: 20px 0 16px; +/* 页头 */ +.home-header { display: flex; - align-items: center; + align-items: flex-end; + padding-bottom: 32rpx; } -.header-title { - font-size: 48px; +.home-title { + font-size: 56rpx; font-weight: 800; color: var(--text-primary); - letter-spacing: 4px; + letter-spacing: 0; + line-height: 1.15; } -/* 搜索框卡片 */ -.search-card { - padding: 20px 24px; -} - -.search-inner { +/* 搜索框 */ +.searchbox { display: flex; align-items: center; + height: 88rpx; + padding: 0 24rpx; + border-radius: 999rpx; background: var(--bg-input); - border: 1rpx solid var(--border); - border-radius: 40px; - padding: 16px 24px; + border: 1rpx solid transparent; + transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease; } -.search-icon { - font-size: 28px; - margin-right: 16px; +.searchbox:focus-within { + border-color: var(--accent-primary); + box-shadow: 0 0 0 6rpx var(--accent-primary-soft); + background: var(--bg-card); } .search-icon-img { - width: 28px; - height: 28px; - margin-right: 16px; + width: 36rpx; + height: 36rpx; + margin-right: 12rpx; + flex-shrink: 0; } .search-input { flex: 1; - font-size: 28px; + height: 88rpx; + font-size: 28rpx; color: var(--text-primary); background: transparent; border: none; @@ -51,163 +54,173 @@ } .search-input::placeholder { - color: var(--text-secondary); - font-size: 26px; + color: var(--text-muted); + font-size: 26rpx; } .search-result-hint { - margin-top: 16px; - padding-top: 16px; - border-top: 1rpx solid var(--border); + margin: 16rpx 8rpx 0; + font-size: 24rpx; + color: var(--text-secondary); } .hint-text { - font-size: 24px; - color: var(--text-secondary); + display: block; } -/* 成品展示轮播 */ -.showcase-section { - margin-top: 20px; +/* 区块标题 */ +.home-section-title { + display: block; + margin: 48rpx 0 24rpx; + font-size: 36rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; } +/* 定制成品 hero 轮播 */ .showcase-swiper { - height: 520rpx; + width: 100%; + height: 360rpx; } .showcase-swiper-item { - display: flex; - align-items: center; - justify-content: center; - padding: 0 10rpx; - box-sizing: border-box; + height: 360rpx; + overflow: hidden; + border-radius: 24rpx; } -.showcase-swiper-card { +.hero-block { + position: relative; width: 100%; height: 100%; - display: flex; - flex-direction: column; - border-radius: 24px; overflow: hidden; - box-shadow: var(--shadow-card); - box-sizing: border-box; + border-radius: 24rpx; + background: linear-gradient(150deg, rgba(217, 108, 106, 0.42), rgba(108, 123, 219, 0.18)), var(--bg-muted); } -.showcase-image-wrapper { - width: 100%; - height: 320rpx; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - flex-shrink: 0; - position: relative; -} - -.showcase-real-img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.showcase-text-area { - flex: 1; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - background: var(--bg-card); - padding: 16px 20px; - position: relative; -} - -.showcase-info .showcase-title { - font-size: 32px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 8px; -} - -.showcase-info .showcase-desc { - font-size: 24px; - color: var(--text-secondary); - display: block; -} - -.showcase-tag { +.hero-media { position: absolute; - top: 16px; - right: 16px; - background: var(--accent-primary); - color: #ffffff; - font-size: 20px; - padding: 4px 16px; - border-radius: 20px; - font-weight: 600; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.glass-overlay { + position: absolute; + left: 24rpx; + bottom: 24rpx; z-index: 2; + display: flex; + flex-direction: column; + align-items: flex-start; + max-width: 78%; + padding: 16rpx 24rpx; + border-radius: 24rpx; + background: rgba(255, 255, 255, 0.72); + backdrop-filter: blur(24rpx); + -webkit-backdrop-filter: blur(24rpx); + border: 1rpx solid rgba(255, 255, 255, 0.6); + box-shadow: var(--shadow-card); } -/* 热门品类 */ -.category-section { - margin-top: 20px; +.hero-title { + display: block; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; + line-height: 1.25; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.category-grid { +.hero-desc { + display: block; + margin-top: 8rpx; + font-size: 24rpx; + color: var(--text-secondary); + letter-spacing: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +/* 两列 media-card */ +.home-grid { display: grid; - grid-template-columns: 1fr 1fr; - gap: 20px; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 24rpx; } -.category-item { +.media-card { + overflow: hidden; + border-radius: 24rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); + box-shadow: var(--shadow-card); + transition: transform 200ms ease; +} + +.media-card:active { + transform: scale(0.98); +} + +.media-card-image { + position: relative; + aspect-ratio: 1 / 1; + overflow: hidden; + background: var(--bg-muted); +} + +.media-card-img { + display: block; + width: 100%; + height: 100%; +} + +.media-card-body { display: flex; flex-direction: column; align-items: center; + padding: 20rpx 16rpx 24rpx; text-align: center; - padding: 0 0 24px; - overflow: hidden; - transition: transform 0.2s; } -.category-item:active { - transform: scale(0.96); -} - -/* 品类顶部实物照片 */ -.category-img-wrapper { +.media-card-title { + display: block; width: 100%; - height: 180rpx; overflow: hidden; - border-radius: 16px; - margin-bottom: 16px; - position: relative; -} - -.category-img-real { - width: 100%; - height: 100%; - object-fit: cover; -} - -.category-name { - font-size: 28px; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 28rpx; font-weight: 700; color: var(--text-primary); - margin-bottom: 8px; + letter-spacing: 0; } -.category-desc { - font-size: 22px; +.media-card-desc { + display: block; + width: 100%; + margin-top: 8rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 22rpx; color: var(--text-secondary); + letter-spacing: 0; } -.category-price { - font-size: 30px; +.media-card-price { + display: block; + margin-top: 12rpx; + font-size: 28rpx; font-weight: 700; color: var(--accent-primary); - margin-top: 8px; + letter-spacing: 0; + font-variant-numeric: tabular-nums; } /* 空状态 */ @@ -215,29 +228,27 @@ display: flex; flex-direction: column; align-items: center; - padding: 60px 40px; + margin-top: 24rpx; + padding: 48rpx 32rpx; + border-radius: 24rpx; + background: var(--bg-muted); text-align: center; } .empty-icon-img { - width: 48px; - height: 48px; - margin-bottom: 16px; + width: 64rpx; + height: 64rpx; + margin-bottom: 16rpx; } .empty-text { - font-size: 30px; + font-size: 30rpx; font-weight: 600; color: var(--text-primary); - margin-bottom: 8px; + margin-bottom: 8rpx; } .empty-sub { - font-size: 24px; + font-size: 24rpx; color: var(--text-secondary); } - -/* 底部安全区 */ -.safe-bottom-placeholder { - height: 200px; -} diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx index 2f1fc9c..29dcdc7 100644 --- a/src/pages/index/index.tsx +++ b/src/pages/index/index.tsx @@ -11,12 +11,48 @@ import ThemedPageMeta from '../../components/ThemedPageMeta' // 成品展示配图（从 img 里取对应实物图） const SHOWCASE_LIST = [ - { title: '毕业纪念笔记本', desc: '全班名字组成校徽', image: assetUrl('/img/book_small/The1.jpg') }, - { title: '铜质杯垫', desc: '金属质感桌面艺术', image: assetUrl('/img/cup/The1.jpg') }, - { title: '竹制笔盒', desc: '自然竹纹文房雅器', image: assetUrl('/img/penbox/The1.jpg') }, - { title: '书本型灯', desc: '温暖光影点亮心意', image: assetUrl('/img/booklight/The1.jpg') }, - { title: '情侣定制礼', desc: '两个人的名字交织', image: assetUrl('/img/book_big/The1.jpg') }, - { title: '企业年会礼', desc: '员工名字组成Logo', image: assetUrl('/img/penbox/The2.jpg') } + { + title: '毕业纪念笔记本', + desc: '全班名字组成校徽', + priceText: '¥45 起', + categoryId: 'notebook-large', + image: assetUrl('/img/book_small/The1.jpg') + }, + { + title: '铜质杯垫', + desc: '金属质感桌面艺术', + priceText: '¥25 起', + categoryId: 'coaster', + image: assetUrl('/img/cup/The1.jpg') + }, + { + title: '竹制笔盒', + desc: '自然竹纹文房雅器', + priceText: '¥75 起', + categoryId: 'penbox', + image: assetUrl('/img/penbox/The1.jpg') + }, + { + title: '书本型灯', + desc: '温暖光影点亮心意', + priceText: '¥45 起', + categoryId: 'booklamp', + image: assetUrl('/img/booklight/The1.jpg') + }, + { + title: '情侣定制礼', + desc: '两个人的名字交织', + priceText: '¥45 起', + categoryId: 'notebook-large', + image: assetUrl('/img/book_big/The1.jpg') + }, + { + title: '企业年会礼', + desc: '员工名字组成Logo', + priceText: '¥75 起', + categoryId: 'penbox', + image: assetUrl('/img/penbox/The2.jpg') + } ] // 品类对应的实物照片映射（首页卡片顶部大图） @@ -38,6 +74,17 @@ export default function Index() { Taro.navigateTo({ url: `/pages/product/index?id=${categoryId}` }) } + const navigateFromShowcase = (item: { categoryId?: string; title: string }) => { + if (item.categoryId) { + navigateToProduct(item.categoryId) + return + } + Taro.showToast({ + title: `“${item.title}”定制通道即将开放`, + icon: 'none' + }) + } + const filteredCategories = searchKey.trim() ? CATEGORIES.filter( (c) => c.name.includes(searchKey) || c.desc.includes(searchKey) @@ -53,62 +100,51 @@ export default function Index() { - {/* 顶部标题栏 */} - - 智绘微刻 + {/* 页头 */} + + 智绘微刻 - {/* 搜索框 */} - - - - + {/* 搜索 */} + + + + + {searchKey.trim() && ( + + + {filteredCategories.length > 0 + ? `找到 ${filteredCategories.length} 个相关品类` + : '没有找到相关品类，试试看其他关键词'} + - {searchKey.trim() && ( - - - {filteredCategories.length > 0 - ? `找到 ${filteredCategories.length} 个相关品类` - : '没有找到相关品类，试试看其他关键词'} - - - )} - + )} - {/* 成品展示轮播 */} - - 定制成品展示 + {/* 定制成品展示 */} + + 定制成品展示 {SHOWCASE_LIST.map((item, idx) => ( - - - - - - - {item.title} - {item.desc} - - 成品案例 + + + + {item.title} + {item.desc} @@ -117,30 +153,32 @@ export default function Index() { {/* 热门品类 */} - - 热门品类 - + + 热门品类 + {filteredCategories.map((cat) => ( - navigateToProduct(cat.id)} - > - - - - {cat.name} - {cat.desc} - ¥{cat.price} 起 + navigateToProduct(cat.id)} + > + + + + {cat.name} + {cat.desc} + ¥{cat.price} 起 + + ))} {filteredCategories.length === 0 && ( - + 未找到匹配的品类 尝试搜索“笔记本”、“杯垫”等 @@ -148,7 +186,29 @@ export default function Index() { )} - + {/* 为你推荐 */} + + 为你推荐 + + {SHOWCASE_LIST.slice(0, 4).map((item, idx) => ( + navigateFromShowcase(item)} + > + + + + + {item.title} + {item.desc} + {item.priceText} + + + ))} + + + ) diff --git a/src/pages/orderDetail/index.scss b/src/pages/orderDetail/index.scss index 52a8a9c..d3090de 100644 --- a/src/pages/orderDetail/index.scss +++ b/src/pages/orderDetail/index.scss @@ -1,56 +1,148 @@ +/* ============================================================ + Order Detail Page — 订单详情 + ============================================================ */ .order-detail-page { - padding: 0 24px 24px; - min-height: 100vh; + padding: 0 32rpx; + padding-bottom: calc(64rpx + env(safe-area-inset-bottom)); + box-sizing: border-box; } -/* 返回按钮 */ -.back-btn { - font-size: 40px; - padding: 10px; +/* --- Page Header --- */ +.page-header { + margin-bottom: 24rpx; + padding: 0; } -/* 状态卡片 */ -.status-card { - padding: 32px; -} - -.status-top { +.page-header-inner { display: flex; align-items: center; - gap: 16px; - margin-bottom: 32px; + gap: 16rpx; + min-height: 88rpx; } -.status-badge { - font-size: 26px; +.back-btn { + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); +} + +.back-btn:active { + transform: scale(0.96); +} + +.back-arrow { + font-size: 36rpx; + line-height: 1; + color: var(--text-primary); +} + +.nav-title { + flex: 1; + text-align: center; + font-size: 34rpx; + font-weight: 700; + color: var(--text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.nav-placeholder { + width: 88rpx; + flex: 0 0 auto; +} + +/* --- 状态横幅 --- */ +.status-banner { + margin-bottom: 24rpx; + padding: 32rpx; + background: var(--accent-primary-soft); + border-color: transparent; +} + +.status-text { + display: block; + font-size: 40rpx; + font-weight: 800; + color: var(--accent-primary); + letter-spacing: 0; } .status-desc { - font-size: 26px; + display: block; + margin-top: 8rpx; + font-size: 26rpx; color: var(--text-secondary); } -/* 物流时间轴 */ -.logistics-timeline { - position: relative; - padding-left: 20px; +/* --- 通用卡片 --- */ +.detail-card { + margin-bottom: 24rpx; + padding: 32rpx; } -.logistics-timeline::before { +.card-icon-img { + width: 40rpx; + height: 40rpx; + margin-right: 12rpx; +} + +/* --- 物流信息 --- */ +.logistics-header { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16rpx; + padding-bottom: 24rpx; + margin-bottom: 24rpx; + border-bottom: 1rpx solid var(--border); +} + +.logistics-header .flex-center { + display: flex; + align-items: center; + min-width: 0; +} + +.logistics-title { + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); +} + +.logistics-num { + flex: 0 0 auto; + font-size: 22rpx; + color: var(--text-secondary); +} + +.timeline { + position: relative; + padding-left: 20rpx; +} + +.timeline::before { content: ''; position: absolute; - left: 8px; - top: 8px; - bottom: 8px; - width: 2px; + left: 8rpx; + top: 12rpx; + bottom: 12rpx; + width: 2rpx; background: var(--border); - opacity: 0.3; + opacity: 0.5; } .timeline-item { display: flex; align-items: flex-start; - margin-bottom: 24px; + margin-bottom: 32rpx; position: relative; } @@ -59,14 +151,14 @@ } .timeline-dot { - width: 18px; - height: 18px; + width: 20rpx; + height: 20rpx; border-radius: 50%; background: var(--bg-card); border: 2rpx solid var(--border-strong); - margin-right: 20px; + margin-right: 24rpx; + margin-left: -30rpx; flex-shrink: 0; - margin-left: -20px; z-index: 2; } @@ -77,101 +169,236 @@ .timeline-content { flex: 1; + min-width: 0; } -.timeline-title { - font-size: 28px; - color: var(--text-primary); +.timeline-status { display: block; - margin-bottom: 6px; + margin-bottom: 8rpx; + font-size: 30rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; } .timeline-time { - font-size: 24px; + display: block; + margin-bottom: 8rpx; + font-size: 22rpx; color: var(--text-secondary); } -/* 地址卡片 */ -.address-card { - padding: 32px; +.timeline-desc { + display: block; + font-size: 26rpx; + color: var(--text-secondary); + line-height: 1.6; } +/* --- 商品信息 --- */ +.product-row { + display: flex; + align-items: center; + gap: 24rpx; + padding-bottom: 24rpx; + border-bottom: 1rpx solid var(--border); +} + +.product-icon-wrapper { + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 16rpx; + background: var(--bg-input); + overflow: hidden; +} + +.product-icon-img { + width: 52rpx; + height: 52rpx; +} + +.product-info { + flex: 1; + min-width: 0; +} + +.product-name { + display: block; + margin-bottom: 8rpx; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + line-height: 1.3; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.product-sku { + display: block; + font-size: 24rpx; + color: var(--text-secondary); +} + +.price-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 24rpx; + padding-top: 24rpx; +} + +.price-label { + font-size: 28rpx; + color: var(--text-secondary); +} + +.price-value { + font-size: 32rpx; + font-weight: 700; + color: var(--accent-primary); + font-variant-numeric: tabular-nums; +} + +/* --- 收货地址 --- */ .address-header { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 16px; + gap: 16rpx; + margin-bottom: 16rpx; +} + +.address-header .flex-center { + display: flex; + align-items: center; + flex: 1; + min-width: 0; } .address-title { - font-size: 30px; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); } .address-change { - padding: 6px 16px; - border-radius: 8px; + display: flex; + align-items: center; + height: 56rpx; + padding: 0 24rpx; + border-radius: 999rpx; background: var(--accent-secondary-soft); } .change-text { - font-size: 24px; + font-size: 24rpx; + font-weight: 500; color: var(--accent-secondary); } .address-body { - padding-top: 8px; + padding-top: 8rpx; } .address-row { display: flex; align-items: center; - gap: 16px; - margin-bottom: 8px; + gap: 16rpx; + margin-bottom: 8rpx; } .address-name { - font-size: 28px; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); } .address-phone { - font-size: 26px; + font-size: 24rpx; color: var(--text-secondary); } .address-detail { - font-size: 26px; + font-size: 26rpx; color: var(--text-secondary); - line-height: 1.5; + line-height: 1.6; } .address-empty { - padding: 32px 0; + padding: 32rpx 0; text-align: center; + font-size: 28rpx; + color: var(--text-secondary); } -/* 底部弹窗 — 地址选择（样式复用 app.scss 全局定义，移除非必要覆写） */ +/* --- 订单信息 --- */ +.meta-title { + display: block; + margin-bottom: 8rpx; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; +} +.meta-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 24rpx; + padding: 20rpx 0; + border-bottom: 1rpx solid var(--border); +} + +.meta-row:last-child { + border-bottom: none; + padding-bottom: 0; +} + +.meta-label { + flex: 0 0 auto; + font-size: 26rpx; + color: var(--text-secondary); +} + +.meta-value { + flex: 1; + text-align: right; + font-size: 26rpx; + font-weight: 500; + color: var(--text-primary); + word-break: break-all; +} + +/* --- 地址选择弹层 --- */ .addr-picker-header { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 20px; + margin-bottom: 24rpx; } .addr-picker-title { - font-size: 32px; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); } .addr-picker-close { - font-size: 28px; + display: flex; + align-items: center; + justify-content: center; + width: 64rpx; + height: 64rpx; + border-radius: 50%; + background: var(--bg-muted); color: var(--text-secondary); - padding: 8px; + font-size: 28rpx; } .addr-picker-list { @@ -180,314 +407,82 @@ } .addr-picker-item { - padding: 20px 16px; - border-bottom: 1rpx solid var(--border); + padding: 24rpx; + border: 1rpx solid transparent; + border-radius: 16rpx; + transition: background 160ms ease, border-color 160ms ease; +} + +.addr-picker-item + .addr-picker-item { + margin-top: 16rpx; } .addr-picker-item.active { - background: var(--accent-secondary-soft); - border-radius: 12px; + background: var(--accent-primary-soft); + border-color: var(--accent-primary); } .addr-picker-row { display: flex; align-items: center; - gap: 16px; - margin-bottom: 8px; + gap: 16rpx; + margin-bottom: 8rpx; } .addr-picker-name { - font-size: 28px; + font-size: 30rpx; font-weight: 700; color: var(--text-primary); } .addr-picker-phone { - font-size: 26px; + font-size: 24rpx; color: var(--text-secondary); } .addr-picker-default { - font-size: 22px; + display: inline-flex; + align-items: center; + height: 40rpx; + padding: 0 16rpx; + border-radius: 999rpx; + font-size: 20rpx; + font-weight: 600; color: var(--accent-primary); - border: 1rpx solid var(--accent-primary); - padding: 2px 8px; - border-radius: 6px; + background: var(--accent-primary-soft); } .addr-picker-detail { - font-size: 26px; + font-size: 26rpx; color: var(--text-secondary); + line-height: 1.6; } .addr-picker-empty { - padding: 40px; + padding: 48rpx 32rpx; text-align: center; + font-size: 28rpx; color: var(--text-secondary); - font-size: 28px; } .addr-picker-add { - margin-top: 16px; - padding: 20px; - text-align: center; - border: 1rpx solid var(--border-strong); - border-radius: 12px; -} - -.addr-picker-add-text { - font-size: 28px; - color: var(--accent-secondary); -} - -/* 卡片标题 icon（物流/地址） */ -.card-icon-img { - width: 32px; - height: 32px; - margin-right: 10px; -} - -/* 商品卡片 */ -.product-card { - padding: 32px; -} - -.product-row { - display: flex; - align-items: center; - margin-bottom: 24px; -} - -.product-icon-wrapper { - width: 100px; - height: 100px; - background: var(--bg-input); - border-radius: 16px; display: flex; align-items: center; justify-content: center; - margin-right: 20px; - overflow: hidden; - padding: 8px; - box-sizing: border-box; -} - -.product-icon-img { - width: 64px; - height: 64px; -} - -.product-info { - flex: 1; -} - -.product-name { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 8px; -} - -.product-sku { - font-size: 24px; - color: var(--text-secondary); -} - -.price-row { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px 0; - border-top: 1rpx solid var(--border); -} - -.price-label { - font-size: 26px; - color: var(--text-secondary); -} - -.price-value { - font-size: 28px; - color: var(--text-primary); -} - -.price-row.total { - padding-top: 20px; -} - -.total-label { - font-size: 28px; - font-weight: 700; -} - -.total-value { - font-size: 36px; - font-weight: 800; - color: var(--accent-primary); -} - -/* 信息卡片 */ -.info-card { - padding: 32px; -} - -.info-card .info-row { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px 0; -} - -.info-card .info-label { - font-size: 26px; - color: var(--text-secondary); -} - -.info-card .info-value { - font-size: 26px; - color: var(--text-primary); -} - -/* 状态横幅 */ -.status-text { - font-size: 48px; - font-weight: 800; - color: var(--text-primary); - display: block; - margin-bottom: 10px; -} - -/* 物流信息 */ -.logistics-header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 24px; - padding-bottom: 16px; - border-bottom: 1rpx solid var(--border); -} - -.logistics-title { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); -} - -.logistics-num { - font-size: 24px; - color: var(--text-secondary); -} - -.timeline { - position: relative; - padding-left: 20px; -} - -.timeline::before { - content: ''; - position: absolute; - left: 8px; - top: 8px; - bottom: 8px; - width: 2px; - background: var(--border); - opacity: 0.3; -} - -.timeline-item { - display: flex; - align-items: flex-start; - margin-bottom: 24px; - position: relative; -} - -.timeline-item:last-child { - margin-bottom: 0; -} - -.timeline-dot { - width: 18px; - height: 18px; - border-radius: 50%; - background: var(--bg-card); - border: 2rpx solid var(--border-strong); - margin-right: 20px; - flex-shrink: 0; - margin-left: -20px; - z-index: 2; -} - -.timeline-item.active .timeline-dot { - background: var(--accent-primary); - border-color: var(--accent-primary); -} - -.timeline-content { - flex: 1; -} - -.timeline-status { - font-size: 28px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 6px; -} - -.timeline-time { - font-size: 24px; - color: var(--text-secondary); - display: block; - margin-bottom: 4px; -} - -.timeline-desc { - font-size: 26px; - color: var(--text-secondary); - line-height: 1.4; -} - -/* 订单信息 */ -.meta-title { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 16px; -} - -.meta-row { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px 0; -} - -.meta-label { - font-size: 26px; - color: var(--text-secondary); -} - -.meta-value { - font-size: 26px; - color: var(--text-primary); -} -.preview-card { - padding: 32px; -} - -.design-preview { - position: relative; - background: var(--bg-input); - border-radius: 16px; - overflow: hidden; + height: 96rpx; + margin-top: 24rpx; border: 1rpx solid var(--border-strong); - margin: 0 auto; + border-radius: 999rpx; + background: var(--bg-card); } -.preview-sticker { - position: absolute; - max-width: 100%; - max-height: 100%; +.addr-picker-add-text { + font-size: 28rpx; + font-weight: 600; + color: var(--accent-secondary); +} + +/* --- 底部留白 --- */ +.page-bottom-spacer { + height: 48rpx; } diff --git a/src/pages/orderDetail/index.tsx b/src/pages/orderDetail/index.tsx index eae78ee..0d87a6f 100644 --- a/src/pages/orderDetail/index.tsx +++ b/src/pages/orderDetail/index.tsx @@ -56,8 +56,14 @@ export default function OrderDetailPage() { - - 订单不存在 + + + Taro.navigateBack()}> + ← + + 订单不存在 + + @@ -65,20 +71,22 @@ export default function OrderDetailPage() { } return ( - - - + + + - - - Taro.navigateBack()}>← - 订单详情 - + + + Taro.navigateBack()}> + ← + + 订单详情 + {/* 状态横幅 */} - + {order.statusCode === 'pending' && '待付款'} {order.statusCode === 'paid' && '待发货'} @@ -95,7 +103,7 @@ export default function OrderDetailPage() { {/* 物流信息（仅 shipping/done） */} {(order.statusCode === 'shipping' || order.statusCode === 'done') && ( - + @@ -133,7 +141,7 @@ export default function OrderDetailPage() { )} {/* 商品信息 */} - + {/* 收货地址 */} - + @@ -182,7 +190,7 @@ export default function OrderDetailPage() { {/* 订单信息 */} - + 订单信息 订单编号 @@ -198,7 +206,7 @@ export default function OrderDetailPage() { - + {/* 地址选择底部弹窗 */} {showAddrPicker && ( diff --git a/src/pages/orders/index.scss b/src/pages/orders/index.scss index d3a8abf..0c47ab9 100644 --- a/src/pages/orders/index.scss +++ b/src/pages/orders/index.scss @@ -1,163 +1,260 @@ .orders-page { - padding: 0 24px 24px; + padding: 0 32rpx 48rpx; min-height: 100vh; + box-sizing: border-box; } -.page-header { - padding: 32px 32px 24px; - margin: 20px 0 0; +/* 页面主标题 */ +.orders-page .page-header { + display: flex; + align-items: flex-end; + padding-bottom: 32rpx; + margin: 0; } -/* 状态Tab */ -.status-tabs { - margin: 20px 0; +.orders-page .page-title { + display: block; + font-size: 44rpx; + font-weight: 700; + line-height: 1.2; + color: var(--text-primary); + letter-spacing: 0; } -.tabs-scroll { + +/* 状态筛选 chip */ +.orders-page .status-tabs { + margin: 8rpx 0 32rpx; +} + +.orders-page .tabs-scroll { white-space: nowrap; } -.tab-item { - display: inline-block; - padding: 20px 32px; - position: relative; -} -.tab-label { - font-size: 28px; + +.orders-page .tab-item { + display: inline-flex; + align-items: center; + justify-content: center; + height: 64rpx; + padding: 0 32rpx; + margin-right: 16rpx; + border-radius: 999rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); color: var(--text-secondary); + font-size: 26rpx; font-weight: 500; } -.tab-item.active .tab-label { - color: var(--accent-primary); - font-weight: 700; -} -.tab-underline { - position: absolute; - bottom: 8px; - left: 50%; - transform: translateX(-50%); - width: 40px; - height: 4px; + +.orders-page .tab-item.active { background: var(--accent-primary); - border-radius: 4px; + border-color: var(--accent-primary); + color: var(--bg-page); + font-weight: 600; } -/* 订单卡片 */ -.orders-list { - padding: 0; -} -.order-card { - margin-bottom: 24px; - padding: 28px; +.orders-page .tab-label { + color: inherit; } -.order-header { +.orders-page .tab-underline { + display: none; +} + +/* 订单列表 */ +.orders-page .orders-list { + padding: 0 0 8rpx; +} + +.orders-page .order-card { + margin-bottom: 24rpx; + padding: 28rpx; + border-radius: 24rpx; + box-shadow: var(--shadow-card); + transition: transform 0.2s ease; +} + +.orders-page .order-card:active { + transform: scale(0.98); +} + +.orders-page .order-header { display: flex; - justify-content: space-between; align-items: center; - padding-bottom: 20px; + justify-content: space-between; + gap: 24rpx; + padding-bottom: 20rpx; border-bottom: 1rpx solid var(--border); - margin-bottom: 20px; + margin-bottom: 24rpx; } -.order-date { - font-size: 24px; + +.orders-page .order-date { + display: block; + min-width: 0; + font-size: 24rpx; color: var(--text-secondary); } -.order-body { - display: flex; - align-items: flex-start; - margin-bottom: 20px; +.orders-page .order-card .badge { + display: inline-flex; + align-items: center; + justify-content: center; + height: 40rpx; + padding: 0 16rpx; + border-radius: 999rpx; + font-size: 22rpx; + font-weight: 600; + line-height: 1; + flex-shrink: 0; } -.order-icon-wrapper { - width: 120px; - height: 120px; - background: var(--bg-input); - border-radius: 16px; + +.orders-page .order-body { + display: flex; + align-items: center; + gap: 24rpx; + margin-bottom: 24rpx; +} + +.orders-page .order-icon-wrapper { + width: 96rpx; + height: 96rpx; + border-radius: 24rpx; + background: var(--bg-muted); display: flex; align-items: center; justify-content: center; - margin-right: 20px; flex-shrink: 0; } -.order-icon { - font-size: 56px; -} -.order-icon-img { - width: 56px; - height: 56px; -} -.order-info { - flex: 1; -} -.order-product { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); - display: block; - margin-bottom: 8px; -} -.order-sku { - font-size: 24px; - color: var(--text-secondary); - display: block; - margin-bottom: 8px; -} -.order-meta { - font-size: 22px; - color: var(--text-muted); - display: block; + +.orders-page .order-icon-img { + width: 56rpx; + height: 56rpx; } -.order-footer { - padding-top: 16px; +.orders-page .order-info { + flex: 1; + min-width: 0; +} + +.orders-page .order-product { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 30rpx; + font-weight: 700; + line-height: 1.3; + color: var(--text-primary); + margin-bottom: 8rpx; +} + +.orders-page .order-sku { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 24rpx; + line-height: 1.4; + color: var(--text-secondary); + margin-bottom: 6rpx; +} + +.orders-page .order-meta { + display: block; + font-size: 22rpx; + line-height: 1.4; + color: var(--text-muted); + font-variant-numeric: tabular-nums; +} + +.orders-page .order-footer { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 16rpx; + padding-top: 20rpx; border-top: 1rpx solid var(--border); } -.order-price-bar { + +.orders-page .order-price-bar { display: flex; align-items: baseline; - justify-content: flex-end; - margin-bottom: 20px; + flex-shrink: 0; } -.price-label { - font-size: 24px; + +.orders-page .price-label { + font-size: 24rpx; color: var(--text-secondary); - margin-right: 8px; + margin-right: 8rpx; } -.price-value { - font-size: 36px; + +.orders-page .price-value { + font-size: 34rpx; font-weight: 800; + line-height: 1.2; color: var(--accent-primary); + font-variant-numeric: tabular-nums; } -.order-actions { + +.orders-page .order-actions { display: flex; justify-content: flex-end; - gap: 16px; + flex-wrap: wrap; + gap: 12rpx; } -.order-btn { - padding: 14px 28px !important; - font-size: 26px !important; - border-radius: 999rpx !important; + +.orders-page .order-btn { + display: flex; + align-items: center; + justify-content: center; + height: 64rpx; + padding: 0 28rpx; + font-size: 26rpx; + font-weight: 600; + line-height: 1.2; + border-radius: 999rpx; } /* 空状态 */ -.empty-state { +.orders-page .empty-state { display: flex; flex-direction: column; align-items: center; - padding: 120px 40px; + padding: 80rpx 32rpx; + text-align: center; + background: var(--bg-muted); + border-radius: 24rpx; } -.empty-icon-img { - width: 56px; - height: 56px; - margin-bottom: 24px; + +.orders-page .empty-icon-img { + width: 88rpx; + height: 88rpx; + margin-bottom: 24rpx; } -.empty-text { - font-size: 36px; + +.orders-page .empty-text { + display: block; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); - margin-bottom: 12px; + margin-bottom: 12rpx; } -.empty-sub { - font-size: 28px; + +.orders-page .empty-sub { + display: block; + font-size: 26rpx; color: var(--text-secondary); - margin-bottom: 40px; + margin-bottom: 32rpx; +} + +.orders-page .empty-state .btn-primary { + display: flex; + align-items: center; + justify-content: center; + min-width: 280rpx; + height: 88rpx; + padding: 0 48rpx; + border-radius: 999rpx; + font-size: 30rpx; + font-weight: 600; } diff --git a/src/pages/orders/index.tsx b/src/pages/orders/index.tsx index df3cfe6..86e13c8 100644 --- a/src/pages/orders/index.tsx +++ b/src/pages/orders/index.tsx @@ -87,7 +87,7 @@ export default function OrdersPage() { - + 我的订单 @@ -188,7 +188,6 @@ export default function OrdersPage() { )} - diff --git a/src/pages/product/index.scss b/src/pages/product/index.scss index 47c6f14..6e554fa 100644 --- a/src/pages/product/index.scss +++ b/src/pages/product/index.scss @@ -1,237 +1,356 @@ .product-page { - padding: 0 24px 24px; - padding-bottom: calc(24px + 200px); /* 为底部毛玻璃 action-bar 留空 */ + padding: 0 32rpx 32rpx; + padding-bottom: calc(32rpx + 480rpx); +} + +/* 通栏页头 */ +.page-header { + position: relative; + z-index: 10; + padding: 0 24rpx 24rpx; + margin-bottom: 24rpx; +} + +.page-header-inner { + display: flex; + align-items: center; + gap: 16rpx; + min-height: 88rpx; } -/* 返回按钮 */ .back-btn { - font-size: 40px; - padding: 10px; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); + display: flex; + align-items: center; + justify-content: center; +} + +.back-btn:active { + transform: scale(0.96); +} + +.back-arrow { + font-size: 36rpx; + line-height: 1; + color: var(--text-primary); +} + +.nav-title { + flex: 1; + text-align: center; + font-size: 34rpx; + font-weight: 600; + color: var(--text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.nav-placeholder { + width: 88rpx; + flex: 0 0 auto; } /* Hero 轮播 */ .hero-section { - margin-top: 20px; + width: 100%; } .hero-swiper { - height: 400rpx; + height: 560rpx; } -.hero-card { +.hero-block { + position: relative; height: 100%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - box-sizing: border-box; -} - -.hero-icon { - font-size: 100px; - margin-bottom: 16px; -} - -.hero-icon-img { - width: 100px; - height: 100px; - margin-bottom: 16px; -} - -.hero-name { - font-size: 36px; - font-weight: 700; - color: var(--text-primary); + overflow: hidden; + border-radius: 24rpx; + background: var(--bg-muted); + box-shadow: var(--shadow-card); } .hero-image { width: 100%; height: 100%; - object-fit: contain; } -/* 基本信息 */ -.info-section { - padding: 24px; -} - -.info-row { +.hero-block-fallback { display: flex; + flex-direction: column; align-items: center; + justify-content: center; + background: linear-gradient(160deg, var(--accent-primary-strong), var(--accent-secondary)); +} + +.hero-fallback-icon { + width: 140rpx; + height: 140rpx; + margin-bottom: 24rpx; +} + +/* detail-card 版式 */ +.detail-card { + padding: 32rpx; + margin-top: 24rpx; +} + +.price-line { + display: flex; + align-items: flex-end; justify-content: space-between; - padding: 20px 0; - border-bottom: 1rpx solid var(--border); + gap: 24rpx; } -.info-row:last-child { - border-bottom: none; +.price-left { + flex: 1; + min-width: 0; } -.info-label { - font-size: 28px; - color: var(--text-secondary); -} - -.info-price { - font-size: 40px; - font-weight: 800; - color: var(--accent-primary); -} - -.info-value { - font-size: 28px; +.detail-title { + display: block; + font-size: 36rpx; + font-weight: 700; + line-height: 1.3; color: var(--text-primary); } -/* 详细介绍 */ -.detail-section { - padding: 24px; +.detail-desc { + display: block; + margin-top: 8rpx; + font-size: 24rpx; + line-height: 1.4; + color: var(--text-secondary); +} + +.price-right { + flex: 0 0 auto; + text-align: right; +} + +.price { + display: block; + font-size: 40rpx; + font-weight: 800; + line-height: 1.2; + color: var(--accent-primary); + font-variant-numeric: tabular-nums; +} + +.price-old { + display: block; + margin-top: 6rpx; + font-size: 24rpx; + color: var(--text-muted); + text-decoration: line-through; + font-variant-numeric: tabular-nums; +} + +.spec-row { + display: flex; + align-items: flex-start; + justify-content: space-between; + gap: 24rpx; + padding: 24rpx 0; + border-bottom: 1rpx solid var(--border); +} + +.spec-row:last-child { + border-bottom: none; + padding-bottom: 0; +} + +.spec-key { + flex: 0 0 auto; + font-size: 26rpx; + color: var(--text-secondary); +} + +.spec-value { + flex: 1; + text-align: right; + font-size: 26rpx; + font-weight: 600; + color: var(--text-primary); + word-break: break-all; +} + +.detail-card .section-title { + font-size: 32rpx; + font-weight: 700; + margin-bottom: 24rpx; } .detail-text { - font-size: 28px; - color: var(--text-secondary); + display: block; + font-size: 28rpx; line-height: 1.8; + color: var(--text-secondary); } /* 底部操作栏 */ -.action-bar .price-summary { +.bottom-action-bar { + gap: 20rpx; + padding-left: 32rpx; + padding-right: 32rpx; +} + +.bottom-action-bar .price-summary { flex-shrink: 0; } .summary-label { - font-size: 22px; - color: var(--text-secondary); display: block; + font-size: 22rpx; + color: var(--text-secondary); } .summary-price { - font-size: 36px; + display: block; + font-size: 36rpx; font-weight: 700; color: var(--accent-primary); + font-variant-numeric: tabular-nums; +} + +.summary-original { + display: block; + margin-top: 2rpx; + font-size: 22rpx; + color: var(--text-muted); + text-decoration: line-through; + font-variant-numeric: tabular-nums; +} + +.bottom-action-bar .btn-secondary, +.bottom-action-bar .btn-primary { + flex: 1; + text-align: center; + padding: 28rpx 0; + font-size: 28rpx; + font-weight: 600; + line-height: 1.2; } /* 弹窗 */ .modal-overlay { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; - padding: 48px; + padding: 48rpx; } .modal-card { width: 100%; - max-width: 600px; - padding: 40px; + max-width: 640rpx; + padding: 40rpx; } .modal-title { - font-size: 36px; + display: block; + text-align: center; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); - text-align: center; - margin-bottom: 24px; - display: block; + margin-bottom: 24rpx; } .modal-product { display: flex; align-items: center; justify-content: center; - gap: 16px; - margin-bottom: 32px; -} - -.modal-icon { - font-size: 48px; + gap: 16rpx; + margin-bottom: 32rpx; } .modal-icon-img { - width: 48px; - height: 48px; + width: 48rpx; + height: 48rpx; } .modal-name { - font-size: 32px; - color: var(--text-primary); + font-size: 32rpx; font-weight: 600; + color: var(--text-primary); } .quantity-row { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 32px; + margin-bottom: 32rpx; } .qty-label { - font-size: 28px; + font-size: 28rpx; color: var(--text-secondary); } .qty-control { display: flex; align-items: center; - gap: 24px; + gap: 24rpx; } .qty-btn { - width: 60px; - height: 60px; - border-radius: 12px; + width: 60rpx; + height: 60rpx; + border-radius: 16rpx; background: var(--bg-input); border: 1rpx solid var(--border); display: flex; align-items: center; justify-content: center; - font-size: 32px; - color: var(--text-primary); + font-size: 32rpx; font-weight: 600; + color: var(--text-primary); } .qty-num { - font-size: 32px; + min-width: 48rpx; + text-align: center; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); - min-width: 48px; - text-align: center; } .modal-total { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 32px; - padding-top: 24px; + margin-bottom: 32rpx; + padding-top: 24rpx; border-top: 1rpx solid var(--border); } .total-label { - font-size: 28px; + font-size: 28rpx; color: var(--text-secondary); } .total-price { - font-size: 36px; + font-size: 36rpx; font-weight: 800; color: var(--accent-primary); + font-variant-numeric: tabular-nums; } .modal-actions { display: flex; - gap: 20px; + gap: 20rpx; } .modal-actions .btn-secondary, .modal-actions .btn-primary { flex: 1; - padding: 20px 0; + text-align: center; + padding: 24rpx 0; + font-size: 28rpx; + font-weight: 600; } diff --git a/src/pages/product/index.tsx b/src/pages/product/index.tsx index 352de34..02c4456 100644 --- a/src/pages/product/index.tsx +++ b/src/pages/product/index.tsx @@ -8,10 +8,9 @@ import { useThemeContext } from '../../context/ThemeContext' import { useSafeArea } from '../../hooks/useSafeArea' import { useStatusBar } from '../../hooks/useStatusBar' import ThemedPageMeta from '../../components/ThemedPageMeta' +import BottomActionBar from '../../components/BottomActionBar' import { getProductIconImg } from '../../utils/productConfig' -const HERO_COLORS = ['var(--accent-primary-soft)', 'var(--bg-muted)', 'var(--accent-secondary-soft)'] - export default function ProductPage() { const { theme, resolvedTheme } = useThemeContext() const safe = useSafeArea() @@ -21,7 +20,7 @@ export default function ProductPage() { const router = Taro.getCurrentInstance().router const params = router ? router.params : undefined - const productId = params ? params.id : '' + const productId = params && params.id ? params.id : '' const product = getProductById(productId) if (!product) { @@ -29,14 +28,25 @@ export default function ProductPage() { - - 商品未找到 + + + Taro.navigateBack()}> + ← + + 商品未找到 + + ) } + const craftSpec = product.specs && product.specs.length > 0 + ? product.specs.find(item => item[0].indexOf('工艺') >= 0) + : undefined + const craftValue = craftSpec ? craftSpec[1] : '激光微雕' + const handleAddToList = () => { setQuantity(1) setShowModal(true) @@ -64,16 +74,18 @@ export default function ProductPage() { - - - Taro.navigateBack()}>← - 商品详情 - + + + Taro.navigateBack()}> + ← + + 商品详情 + {/* 轮播 Hero */} - + {product.images && product.images.length > 0 ? ( product.images.map((img, idx) => ( - - + + )) ) : ( - HERO_COLORS.map((color, idx) => ( - - - - {product.name} - - - )) + + + + + )} - {/* 基本信息 */} - - - 单价 - ¥{product.price} + {/* 商品信息 */} + + + + {product.name} + {product.desc} + + + ¥{product.price} + {product.originalPrice && product.originalPrice > product.price && ( + ¥{product.originalPrice} + )} + - - 工期 - {product.leadTime} + + + {/* 规格信息 */} + + + 单价 + ¥{product.price} - - 尺寸 - {product.mask.width} × {product.mask.height} px + + 工期 + {product.leadTime} + + + 尺寸 + {product.mask.width} × {product.mask.height} px + + + 定制工艺 + {craftValue} {/* 详细介绍 */} - + 商品介绍 {product.description} {/* 底部操作栏 */} - + 起价 ¥{product.price} @@ -139,7 +168,7 @@ export default function ProductPage() { 立即下单 - + {/* 安全区占位（防止内容被 action-bar 遮挡） */} diff --git a/src/pages/profile/index.scss b/src/pages/profile/index.scss index db99452..d909a62 100644 --- a/src/pages/profile/index.scss +++ b/src/pages/profile/index.scss @@ -1,244 +1,272 @@ .profile-page { - padding: 0 24px 24px; + padding: 0 32rpx 48rpx; min-height: 100vh; + box-sizing: border-box; } /* 用户头部 */ -.profile-header { - padding: 40px 32px 32px; - margin: 20px 0 0; +.profile-page .profile-header { + padding: 32rpx 32rpx 16rpx; + margin: 0 0 32rpx; } -.user-info { +.profile-page .user-info { display: flex; align-items: center; - margin-bottom: 32px; + gap: 24rpx; + margin-bottom: 24rpx; } -.avatar { - width: 120px; - height: 120px; +.profile-page .avatar, +.profile-page .avatar-placeholder { + width: 112rpx; + height: 112rpx; border-radius: 50%; border: 1rpx solid var(--border); - margin-right: 24px; - flex-shrink: 0; -} - -.avatar-placeholder { - width: 120px; - height: 120px; - border-radius: 50%; background: var(--bg-muted); display: flex; align-items: center; justify-content: center; - margin-right: 24px; - border: 1rpx solid var(--border); + margin-right: 0; flex-shrink: 0; -} - -.avatar-icon { - font-size: 56px; -} - -.user-name { - font-size: 40px; - font-weight: 800; - color: var(--text-primary); - display: block; - margin-bottom: 8px; -} - -.user-level { - font-size: 24px; - color: var(--text-secondary); - display: block; -} - -/* 5状态快捷入口 - 2+3布局 */ -.status-grid { - background: var(--bg-card); - border: 1rpx solid var(--border); - border-radius: 20px; overflow: hidden; } -.status-row { +.profile-page .avatar-icon-img { + width: 44rpx; + height: 44rpx; +} + +.profile-page .user-meta { + flex: 1; + min-width: 0; +} + +.profile-page .user-name { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 36rpx; + font-weight: 700; + line-height: 1.2; + color: var(--text-primary); + margin-bottom: 8rpx; +} + +.profile-page .user-level { + display: block; + font-size: 24rpx; + line-height: 1.4; + color: var(--text-secondary); +} + +/* 5 状态快捷入口 */ +.profile-page .status-grid { + display: flex; + flex-direction: column; + border-top: 1rpx solid var(--border); + padding-top: 16rpx; +} + +.profile-page .status-row { display: flex; align-items: center; justify-content: space-around; - padding: 20px 0; } -/* 每组（item + divider）作为一个 flex 单元 */ -.status-group { +.profile-page .status-group { flex: 1; + min-width: 0; display: flex; align-items: center; justify-content: center; } -.status-item { +.profile-page .status-item { display: flex; flex-direction: column; align-items: center; - padding: 8px 0; + justify-content: center; flex: 1; + min-height: 112rpx; + padding: 8rpx 0; + transition: transform 0.18s ease; } -.status-num { - font-size: 36px; +.profile-page .status-item:active { + transform: scale(0.97); +} + +.profile-page .status-icon-img { + width: 32rpx; + height: 32rpx; + margin-bottom: 10rpx; +} + +.profile-page .status-num { + font-size: 32rpx; font-weight: 800; + line-height: 1.2; color: var(--accent-primary); - margin-bottom: 8px; + margin-bottom: 6rpx; + font-variant-numeric: tabular-nums; } -.status-label { - font-size: 24px; +.profile-page .status-label { + font-size: 24rpx; + line-height: 1.2; color: var(--text-secondary); } -.status-divider { - width: 2px; - height: 48px; +.profile-page .status-divider { + width: 1rpx; + height: 56rpx; background: var(--border); - opacity: 0.25; flex-shrink: 0; } -.status-divider-h { - height: 2px; +.profile-page .status-divider-h { + height: 1rpx; background: var(--border); - opacity: 0.15; - margin: 0 16px; + margin: 4rpx 16rpx 12rpx; } -/* 菜单网格 */ -.menu-grid { +/* 区块标题 */ +.profile-page .section-title { + display: block; + margin: 0 0 24rpx; + font-size: 32rpx; + font-weight: 700; + line-height: 1.25; + color: var(--text-primary); +} + +/* 功能菜单 */ +.profile-page .menu-grid { display: grid; - grid-template-columns: 1fr 1fr 1fr; - gap: 20px; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 16rpx; } -.menu-card { +.profile-page .menu-card { display: flex; flex-direction: column; align-items: center; - padding: 32px 16px; - transition: transform 0.2s; + justify-content: center; + min-height: 148rpx; + padding: 28rpx 16rpx; + border-radius: 24rpx; + box-shadow: var(--shadow-card); + transition: transform 0.2s ease; } -.menu-card:active { - transform: scale(0.96); +.profile-page .menu-card:active { + transform: scale(0.97); } -.menu-icon { - font-size: 48px; - margin-bottom: 12px; +.profile-page .menu-icon-img { + width: 44rpx; + height: 44rpx; + margin-bottom: 16rpx; } -.menu-label { - font-size: 26px; - color: var(--text-primary); - font-weight: 500; -} - -/* 企业定制 */ -.enterprise-section { - padding: 32px; -} - -.enterprise-title { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); +.profile-page .menu-label { display: block; - margin-bottom: 8px; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 26rpx; + font-weight: 600; + line-height: 1.2; + color: var(--text-primary); } -.enterprise-desc { - font-size: 24px; +/* 企业定制入口 */ +.profile-page .enterprise-section { + padding: 28rpx 32rpx; + margin: 0 0 48rpx; +} + +.profile-page .enterprise-icon { + width: 32rpx; + height: 32rpx; + margin-right: 12rpx; + flex-shrink: 0; +} + +.profile-page .enterprise-title { + display: block; + font-size: 30rpx; + font-weight: 700; + line-height: 1.3; + color: var(--text-primary); + margin-bottom: 6rpx; +} + +.profile-page .enterprise-desc { + display: block; + font-size: 24rpx; + line-height: 1.4; color: var(--text-secondary); } -.enterprise-btn { - padding: 16px 32px !important; - font-size: 26px !important; - border-radius: 40px !important; +.profile-page .enterprise-btn { + display: flex; + align-items: center; + justify-content: center; + height: 80rpx; + padding: 0 32rpx; + font-size: 26rpx; + font-weight: 600; + line-height: 1.2; + border-radius: 999rpx; + flex-shrink: 0; } -.menu-icon-img { - width: 36px; - height: 36px; - margin-bottom: 12px; -} - -/* 状态 icon 图片 */ -.status-icon-img { - width: 28px; - height: 28px; - margin-bottom: 4px; -} - -/* 企业定制icon */ -.enterprise-icon { - width: 28px; - height: 28px; - margin-right: 12px; -} - -/* 头像占位图 */ -.avatar-icon-img { - width: 36px; - height: 36px; -} - -/* 登录弹窗头像占位 */ -.avatar-placeholder-img { - width: 56px; - height: 56px; -} -.modal-overlay { +/* 登录弹窗 */ +.profile-page .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; - background: rgba(0, 0, 0, 0.5); + z-index: 1000; display: flex; align-items: center; justify-content: center; - z-index: 1000; - padding: 48px; + padding: 48rpx; } -.login-card { +.profile-page .login-card { width: 100%; - max-width: 600px; - padding: 40px; + max-width: 640rpx; + padding: 40rpx; text-align: center; + border-radius: 32rpx; } -.login-title { - font-size: 36px; +.profile-page .login-title { + display: block; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); - display: block; - margin-bottom: 12px; + margin-bottom: 12rpx; } -.login-desc { - font-size: 26px; +.profile-page .login-desc { + display: block; + font-size: 26rpx; color: var(--text-secondary); - display: block; - margin-bottom: 32px; + margin-bottom: 32rpx; } -.avatar-btn { - width: 160px; - height: 160px; +.profile-page .avatar-btn { + width: 160rpx; + height: 160rpx; border-radius: 50%; - margin: 0 auto 24px; + margin: 0 auto 24rpx; background: var(--bg-input); border: 1rpx solid var(--border); display: flex; @@ -250,39 +278,46 @@ font-size: 0; } -.avatar-img { +.profile-page .avatar-img { width: 100%; height: 100%; border-radius: 50%; } -.avatar-placeholder { - font-size: 24px; - color: var(--text-secondary); +.profile-page .avatar-placeholder-img { + width: 64rpx; + height: 64rpx; } -.nickname-input { +.profile-page .nickname-input { width: 100%; - height: 80px; + height: 88rpx; background: var(--bg-input); border: 1rpx solid var(--border); - border-radius: 16px; - padding: 0 24px; - font-size: 28px; + border-radius: 16rpx; + padding: 0 24rpx; + font-size: 28rpx; color: var(--text-primary); - margin-bottom: 32px; + margin-bottom: 32rpx; text-align: center; box-sizing: border-box; } -.login-actions { +.profile-page .login-actions { display: flex; - gap: 20px; + gap: 20rpx; } -.login-actions .btn-secondary, -.login-actions .btn-primary { +.profile-page .login-actions .btn-secondary, +.profile-page .login-actions .btn-primary { flex: 1; - padding: 20px 0; + display: flex; + align-items: center; + justify-content: center; + height: 88rpx; + padding: 0; + font-size: 28rpx; + font-weight: 600; text-align: center; + border-radius: 999rpx; } diff --git a/src/pages/profile/index.tsx b/src/pages/profile/index.tsx index 21955fc..47ce0ba 100644 --- a/src/pages/profile/index.tsx +++ b/src/pages/profile/index.tsx @@ -282,7 +282,7 @@ export default function ProfilePage() { {/* 用户信息头部 */} - + {isLoggedIn && userInfo.avatarUrl ? ( @@ -360,8 +360,6 @@ export default function ProfilePage() { - - {/* 登录弹窗 */} {showLogin && ( diff --git a/src/pages/service/index.scss b/src/pages/service/index.scss index ca23c84..7b49de2 100644 --- a/src/pages/service/index.scss +++ b/src/pages/service/index.scss @@ -1,121 +1,208 @@ +/* ============================================================ + Service Page — 客服中心 + ============================================================ */ + .service-page { - padding: 0 24px 24px; + padding: 0 32rpx calc(24rpx + env(safe-area-inset-bottom)); min-height: 100vh; + box-sizing: border-box; } -.page-header { - padding: 32px 32px 24px; - margin: 20px 0 0; +.service-page .page-header.service-header { + margin: 0; + padding-left: 0; + padding-right: 0; + padding-bottom: 32rpx; + text-align: center; } -/* 客服英雄区 */ +.service-header .page-title { + font-size: 44rpx; + font-weight: 700; + line-height: 1.2; + color: var(--text-primary); + letter-spacing: 0; +} + +/* 客服主入口 */ .service-hero { display: flex; flex-direction: column; align-items: center; + padding: 56rpx 40rpx; text-align: center; - padding: 50px 40px; } + .service-hero-icon { - width: 56px; - height: 56px; - margin-bottom: 20px; + width: 88rpx; + height: 88rpx; + margin-bottom: 24rpx; } + .service-title { - font-size: 36px; + display: block; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); - display: block; - margin-bottom: 12px; + margin-bottom: 12rpx; + letter-spacing: 0; } + .service-desc { - font-size: 24px; - color: var(--text-secondary); display: block; - margin-bottom: 32px; + font-size: 24rpx; + line-height: 1.5; + color: var(--text-secondary); + margin-bottom: 32rpx; } + .service-btn { - padding: 24px 56px !important; - font-size: 30px !important; - border-radius: 50px !important; + display: flex; + align-items: center; + justify-content: center; + min-width: 280rpx; + height: 80rpx; + padding: 0 48rpx; + box-sizing: border-box; + font-size: 28rpx; + font-weight: 600; } /* 联系方式 */ -.contact-list { - display: flex; - flex-direction: column; - gap: 20px; +.service-page .section-title { + display: block; + margin-bottom: 24rpx; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; } + +.contact-list.surface-card { + padding: 0 32rpx; + overflow: hidden; +} + .contact-item { display: flex; align-items: center; - padding: 28px 32px; + min-height: 112rpx; + padding: 24rpx 0; + border-bottom: 1rpx solid var(--border); } -.contact-icon { - font-size: 48px; - margin-right: 24px; + +.contact-item:last-child { + border-bottom: none; +} + +.contact-item-link { + transition: background 160ms ease; +} + +.contact-item-link:active { + background: var(--bg-muted); } .contact-icon-img { - width: 32px; - height: 32px; - margin-right: 24px; + width: 48rpx; + height: 48rpx; + margin-right: 24rpx; flex-shrink: 0; } .contact-info { flex: 1; -} -.contact-label { - font-size: 24px; - color: var(--text-secondary); - display: block; - margin-bottom: 4px; -} -.contact-value { - font-size: 30px; - font-weight: 600; - color: var(--text-primary); + min-width: 0; } -/* FAQ */ -.faq-card { - margin-bottom: 20px; - padding: 28px 32px; -} -.faq-q { - font-size: 30px; - font-weight: 700; - color: var(--text-primary); +.contact-label { display: block; - margin-bottom: 12px; + font-size: 24rpx; + line-height: 1.4; + color: var(--text-secondary); + margin-bottom: 4rpx; } + +.contact-value { + display: block; + font-size: 28rpx; + font-weight: 600; + color: var(--text-primary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.contact-arrow { + flex-shrink: 0; + margin-left: 16rpx; + font-size: 32rpx; + line-height: 1; + color: var(--text-muted); +} + +/* 常见问题 */ +.faq-card { + display: block; + margin-bottom: 24rpx; + padding: 32rpx; +} + +.faq-q { + display: block; + font-size: 30rpx; + font-weight: 700; + line-height: 1.45; + color: var(--text-primary); + margin-bottom: 12rpx; + letter-spacing: 0; +} + .faq-a { - font-size: 26px; + display: block; + font-size: 26rpx; + line-height: 1.7; color: var(--text-secondary); - line-height: 1.6; } /* 企业专属 */ .enterprise-service { - padding: 32px; + padding: 32rpx; } + +.enterprise-service .flex-center { + justify-content: flex-start; + margin-bottom: 12rpx; +} + .enterprise-icon { - width: 28px; - height: 28px; - margin-right: 12px; + width: 40rpx; + height: 40rpx; + margin-right: 12rpx; + flex-shrink: 0; } .enterprise-title { - font-size: 30px; + display: block; + font-size: 30rpx; font-weight: 700; color: var(--text-primary); - display: block; - margin-bottom: 8px; + letter-spacing: 0; } + .enterprise-desc { - font-size: 24px; - color: var(--text-secondary); - margin-bottom: 24px; display: block; + font-size: 24rpx; + line-height: 1.6; + color: var(--text-secondary); + margin-bottom: 24rpx; +} + +.enterprise-btn { + display: flex; + align-items: center; + justify-content: center; + height: 80rpx; + font-size: 28rpx; + font-weight: 600; } diff --git a/src/pages/service/index.tsx b/src/pages/service/index.tsx index 7ffee3e..a1920d8 100644 --- a/src/pages/service/index.tsx +++ b/src/pages/service/index.tsx @@ -23,12 +23,12 @@ export default function ServicePage() { - + 联系客服 {/* 客服入口 */} - + 智绘微刻客服中心 工作日 09:00 - 18:00 在线为您服务 @@ -40,22 +40,23 @@ export default function ServicePage() { {/* 联系方式 */} 联系方式 - - + + 客服电话 400-XXX-XXXX - Taro.setClipboardData({ data: 'smart_engraving' })}> + Taro.setClipboardData({ data: 'smart_engraving' })}> 客服微信 smart_engraving（点击复制） + › - + 商务邮箱 @@ -88,7 +89,7 @@ export default function ServicePage() { - + ) diff --git a/src/pages/settings/index.scss b/src/pages/settings/index.scss index 4b3c358..597cb50 100644 --- a/src/pages/settings/index.scss +++ b/src/pages/settings/index.scss @@ -1,60 +1,223 @@ +/* ============================================================ + Settings Page — 设置 + ============================================================ */ + .settings-page { - padding: 0 24px 24px; -} -.settings-area { - padding-top: calc(env(safe-area-inset-top, 0px)); + padding: 0 32rpx calc(24rpx + env(safe-area-inset-bottom)); + min-height: 100vh; + box-sizing: border-box; } +/* 顶部导航 */ +.page-header.settings-header { + display: flex; + align-items: center; + gap: 16rpx; + min-height: 88rpx; + padding-left: 0; + padding-right: 0; + padding-bottom: 24rpx; + margin: 0; +} + +.settings-header .back-btn { + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); + box-sizing: border-box; +} + +.settings-header .back-btn:active { + transform: scale(0.96); +} + +.settings-header .back-arrow { + font-size: 36rpx; + line-height: 1; + color: var(--text-primary); +} + +.settings-header .page-title { + flex: 1; + min-width: 0; + text-align: center; + font-size: 34rpx; + font-weight: 600; + color: var(--text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + letter-spacing: 0; +} + +.header-spacer { + width: 88rpx; + flex: 0 0 auto; +} + +/* 用户卡片 */ .settings-user { - padding: 24px; + padding: 32rpx; + margin-top: 24rpx; +} + +.settings-user .flex-center { + flex: 1; + min-width: 0; + justify-content: flex-start; } .settings-avatar { - width: 100px; - height: 100px; + width: 112rpx; + height: 112rpx; border-radius: 50%; border: 1rpx solid var(--border); + background: var(--bg-input); + flex-shrink: 0; } .settings-avatar-placeholder { - width: 100px; - height: 100px; + width: 112rpx; + height: 112rpx; border-radius: 50%; background: var(--bg-input); border: 1rpx solid var(--border); display: flex; align-items: center; justify-content: center; - padding: 30px; + padding: 24rpx; box-sizing: border-box; + flex-shrink: 0; +} + +.settings-avatar-icon { + width: 64rpx; + height: 64rpx; +} + +.settings-meta { + flex: 1; + min-width: 0; + margin-left: 24rpx; } .settings-name { - font-size: 32px; - font-weight: 700; - color: var(--text-primary); display: block; - margin-bottom: 8px; + font-size: 32rpx; + font-weight: 700; + line-height: 1.3; + color: var(--text-primary); + margin-bottom: 8rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .settings-id { - font-size: 24px; + display: block; + font-size: 24rpx; + line-height: 1.4; color: var(--text-secondary); } .arrow { - font-size: 36px; + flex-shrink: 0; + font-size: 36rpx; + line-height: 1; + color: var(--text-muted); +} + +/* 外观设置 */ +.settings-section { + padding: 32rpx; + margin-top: 24rpx; +} + +.section-label { + display: block; + font-size: 28rpx; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 24rpx; + letter-spacing: 0; +} + +.theme-options { + display: flex; + gap: 8rpx; + padding: 8rpx; + border-radius: 999rpx; + background: var(--bg-muted); + box-sizing: border-box; +} + +.theme-option { + flex: 1; + min-width: 0; + height: 80rpx; + padding: 0 16rpx; + border-radius: 999rpx; + background: transparent; + border: 1rpx solid transparent; + display: flex; + align-items: center; + justify-content: center; + gap: 12rpx; + color: var(--text-secondary); + font-size: 26rpx; + font-weight: 500; + transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease; + box-sizing: border-box; +} + +.theme-option.active { + background: var(--bg-card); + border-color: var(--border-strong); + color: var(--text-primary); + font-weight: 600; + box-shadow: var(--shadow-card); +} + +.theme-option-text { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.theme-check { + width: 16rpx; + height: 16rpx; + border-radius: 50%; + background: var(--accent-primary); + flex-shrink: 0; +} + +.theme-hint { + display: block; + text-align: center; + margin-top: 24rpx; + font-size: 24rpx; color: var(--text-secondary); } +/* 菜单列表 */ .settings-list { - padding: 0 24px; + padding: 0 32rpx; + margin-top: 24rpx; } .settings-item { display: flex; align-items: center; - padding: 28px 0; + min-height: 112rpx; + padding: 24rpx 0; } .settings-item.bordered { @@ -62,83 +225,115 @@ } .settings-item-icon-img { - width: 32px; - height: 32px; - margin-right: 16px; + width: 48rpx; + height: 48rpx; + margin-right: 24rpx; flex-shrink: 0; } - .settings-item-label { flex: 1; - font-size: 30px; - color: var(--text-primary); -} - -.logout-btn { - text-align: center; - padding: 24px 0; - color: var(--danger); - border: 1rpx solid var(--danger); -} - -/* --- 主题选择 --- */ -.settings-section { - padding: 32px; -} - -.section-label { - font-size: 30px; + min-width: 0; + font-size: 30rpx; font-weight: 600; color: var(--text-primary); - display: block; - margin-bottom: 24px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -.theme-options { - display: flex; - gap: 16px; - flex-wrap: wrap; -} - -.theme-option { - flex: 1; - min-width: 160px; - padding: 24px 16px; - border-radius: 20px; - background: var(--bg-input); - border: 1rpx solid transparent; +/* 退出登录 */ +.logout-btn { display: flex; align-items: center; justify-content: center; - gap: 12px; - transition: all 0.2s ease; + height: 88rpx; + font-size: 28rpx; + font-weight: 600; + color: var(--danger); + border: 1rpx solid var(--danger); + background: transparent; + box-sizing: border-box; } -.theme-option.active { - border-color: var(--accent-primary); - background: var(--accent-primary-soft); +/* 编辑弹窗 */ +.settings-page .modal-overlay { + align-items: center; + justify-content: center; + padding: 48rpx; + z-index: 1000; } -.theme-option-text { - font-size: 28px; - color: var(--text-primary); - font-weight: 500; +.settings-page .modal-card { + width: 100%; + max-width: 640rpx; + padding: 40rpx; + border-radius: 32rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); + box-shadow: var(--shadow-elevated); + box-sizing: border-box; } -.theme-check { - width: 16px; - height: 16px; - border-radius: 50%; - background: var(--accent-primary); -} - -.theme-hint { - font-size: 24px; - color: var(--text-secondary); - margin-top: 20px; +.settings-page .modal-title { display: block; text-align: center; + font-size: 36rpx; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 32rpx; + letter-spacing: 0; } -/* 弹窗复用 address 弹窗和 profile 弹窗样式 */ +.avatar-btn { + width: 128rpx; + height: 128rpx; + margin: 0 auto 32rpx; + padding: 0; + border-radius: 50%; + border: 1rpx solid var(--border); + background: var(--bg-input); + line-height: 1; + overflow: hidden; +} + +.avatar-img, +.avatar-placeholder-img { + width: 100%; + height: 100%; +} + +.nickname-input { + width: 100%; + height: 88rpx; + background: var(--bg-input); + border: 1rpx solid var(--border); + border-radius: 16rpx; + padding: 0 24rpx; + font-size: 28rpx; + color: var(--text-primary); + box-sizing: border-box; +} + +.nickname-input::placeholder { + color: var(--text-muted); + font-size: 26rpx; +} + +.form-actions { + display: flex; + gap: 20rpx; + margin-top: 32rpx; +} + +.form-actions .btn-secondary, +.form-actions .btn-primary { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + height: 80rpx; + font-size: 28rpx; + font-weight: 600; + box-sizing: border-box; +} diff --git a/src/pages/settings/index.tsx b/src/pages/settings/index.tsx index 206c430..54c3993 100644 --- a/src/pages/settings/index.tsx +++ b/src/pages/settings/index.tsx @@ -72,12 +72,12 @@ export default function SettingsPage() { - - - Taro.navigateBack()}>← - 设置 - + + Taro.navigateBack()}> + ← + 设置 + {/* 用户卡片 */} @@ -91,7 +91,7 @@ export default function SettingsPage() { )} - + {user.nickName || '未登录'} ID: {user.openid ? user.openid.slice(-8) : '---'} @@ -140,7 +140,7 @@ export default function SettingsPage() { )} - + {/* 编辑弹窗 */} {showEdit && ( diff --git a/src/pages/shop/detail/index.scss b/src/pages/shop/detail/index.scss index da0ae26..ada74fa 100644 --- a/src/pages/shop/detail/index.scss +++ b/src/pages/shop/detail/index.scss @@ -9,7 +9,7 @@ left: 0; right: 0; bottom: 0; - background: rgb(28, 22, 18); + background: var(--bg-page); } /* --- Fixed Hero Area --- */ @@ -18,7 +18,7 @@ top: 0; left: 0; width: 100%; - height: 65vh; /* hero takes 65% viewport height */ + height: 65vh; z-index: 0; overflow: hidden; } @@ -56,22 +56,22 @@ left: 0; right: 0; z-index: 2; - padding: 80rpx 40rpx 24rpx; + padding: 96rpx 40rpx calc(24rpx + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 8rpx; } .shop-hero-title { - font-size: 40rpx; + font-size: 44rpx; font-weight: 700; line-height: 1.3; - color: #f0e6d8; + color: var(--text-primary); } .shop-hero-subtitle { - font-size: 22rpx; - color: #b0a395; + font-size: 24rpx; + color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -92,7 +92,7 @@ .shop-hero-original { font-size: 26rpx; - color: #8a7e72; + color: var(--text-muted); text-decoration: line-through; } @@ -103,7 +103,7 @@ } .shop-content { - min-height: 100vh; /* ensure scrollability */ + min-height: 100vh; will-change: transform; } @@ -113,7 +113,7 @@ position: sticky; top: 0; z-index: 4; - padding: 40rpx 40rpx 32rpx; + padding: 24rpx 40rpx 24rpx; display: flex; flex-direction: column; gap: 10rpx; @@ -122,15 +122,15 @@ } .shop-band-title { - font-size: 44rpx; + font-size: 40rpx; font-weight: 700; line-height: 1.3; - color: #f0e6d8; + color: var(--text-primary); } .shop-band-subtitle { font-size: 24rpx; - color: #b0a395; + color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; @@ -144,59 +144,74 @@ } .shop-band-price { - font-size: 48rpx; + font-size: 40rpx; font-weight: 700; color: var(--accent-primary); } .shop-band-original { font-size: 26rpx; - color: #8a7e72; + color: var(--text-muted); text-decoration: line-through; } /* --- Detail Body --- */ .shop-detail-body { - padding: 32rpx 40rpx 60rpx; + padding: 0 32rpx calc(48rpx + env(safe-area-inset-bottom)); will-change: opacity, transform; + box-sizing: border-box; +} + +.shop-content-card { + padding: 32rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); + border-radius: 32rpx; + box-shadow: var(--shadow-card); + box-sizing: border-box; } .shop-section { margin-bottom: 32rpx; } +.shop-section:last-child { + margin-bottom: 0; +} + .shop-section-title { font-size: 34rpx; font-weight: 700; - color: #f0e6d8; - margin: 28rpx 0 20rpx; + color: var(--text-primary); + margin: 0 0 20rpx; display: block; position: relative; padding-left: 20rpx; + letter-spacing: 0; } .shop-section-title::before { content: ''; position: absolute; left: 0; - top: 6rpx; - bottom: 6rpx; + top: 8rpx; + bottom: 8rpx; width: 6rpx; - border-radius: 4rpx; - background: linear-gradient(180deg, var(--accent-primary), var(--accent-primary-soft)); + border-radius: 999rpx; + background: var(--accent-primary); } .shop-section-text { font-size: 28rpx; - color: #c4b8a8; - line-height: 1.75; + color: var(--text-secondary); + line-height: 1.8; display: block; } .shop-divider { - height: 2rpx; - background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent); - margin: 40rpx 0; + height: 1rpx; + background: var(--border); + margin: 32rpx 0; } /* --- Tags --- */ @@ -208,10 +223,11 @@ } .shop-tag { - padding: 10rpx 28rpx; - border-radius: 40rpx; + height: 56rpx; + padding: 0 28rpx; + border-radius: 999rpx; font-size: 22rpx; - font-weight: 500; + font-weight: 600; background: var(--accent-primary-soft); border: 1rpx solid var(--accent-primary); display: inline-flex; @@ -226,16 +242,16 @@ /* --- Spec Table --- */ .shop-spec-table { width: 100%; - border-collapse: collapse; - border-radius: 16rpx; + border: 1rpx solid var(--border); + border-radius: 20rpx; overflow: hidden; - font-size: 26rpx; + background: var(--bg-muted); } .shop-spec-row { display: flex; - padding: 20rpx 24rpx; - border-bottom: 1rpx solid rgba(255,255,255,0.06); + padding: 24rpx 28rpx; + border-bottom: 1rpx solid var(--border); } .shop-spec-row:last-child { @@ -244,14 +260,16 @@ .shop-spec-key { width: 35%; - color: #8a7e72; + color: var(--text-muted); font-weight: 500; font-size: 24rpx; } .shop-spec-val { flex: 1; - color: #e8e0d6; + color: var(--text-primary); + font-size: 26rpx; + font-weight: 500; word-break: break-all; } @@ -268,11 +286,11 @@ width: 88rpx; height: 88rpx; border-radius: 50%; - background: rgba(0, 0, 0, 0.35); - backdrop-filter: blur(16rpx) saturate(1.4); - -webkit-backdrop-filter: blur(16rpx) saturate(1.4); - border: 1rpx solid rgba(255,255,255,0.12); - box-shadow: var(--shadow-card); + background: rgba(40, 35, 32, 0.5); + backdrop-filter: blur(16px) saturate(1.4); + -webkit-backdrop-filter: blur(16px) saturate(1.4); + border: 1rpx solid var(--glass-line); + box-shadow: var(--shadow-elevated); display: flex; align-items: center; justify-content: center; @@ -285,15 +303,25 @@ .shop-back-arrow { font-size: 36rpx; - color: rgba(255,255,255,0.85); + color: var(--text-primary); line-height: 1; } -/* --- Bottom Action Bar — 样式由全局 .action-bar 提供，本地只补充价格摘要 --- */ -.action-bar .price-summary { +/* --- Bottom Action Bar — 毛玻璃由 BottomActionBar 提供，本地只补充价格摘要 --- */ +.bottom-action-bar .price-summary { flex-shrink: 0; } +.bottom-action-bar .btn-primary, +.bottom-action-bar .btn-secondary { + flex: 1; + text-align: center; + padding: 28rpx 0; + font-size: 28rpx; + font-weight: 600; + line-height: 1.2; +} + .summary-label { font-size: 22rpx; color: var(--text-secondary); diff --git a/src/pages/shop/detail/index.tsx b/src/pages/shop/detail/index.tsx index 7177899..48af0df 100644 --- a/src/pages/shop/detail/index.tsx +++ b/src/pages/shop/detail/index.tsx @@ -8,6 +8,7 @@ import { useSafeArea } from '../../../hooks/useSafeArea' import { useStatusBar } from '../../../hooks/useStatusBar' import { useThemeContext } from '../../../context/ThemeContext' import ThemedPageMeta from '../../../components/ThemedPageMeta' +import BottomActionBar from '../../../components/BottomActionBar' const clamp = (v: number, min: number, max: number) => Math.min(Math.max(v, min), max) const lerp = (a: number, b: number, t: number) => a + (b - a) * t @@ -210,49 +211,59 @@ export default function ShopDetailPage() { transform: `translateY(${heroStyles.contentOffset}px)` }} > - {product.story && ( - - 设计理念 - {product.story} - - )} - - - - {product.scene && ( - - 使用场景 - {product.scene} - - )} - - {product.tags && product.tags.length > 0 && ( - - - {product.tags.map(tag => ( - - {tag} - - ))} + + {product.story && ( + + 设计理念 + {product.story} - - )} + )} - + {(product.story && product.scene) && ( + + )} - {product.specs && product.specs.length > 0 && ( - - 规格参数 - - {product.specs.map(([k, v]) => ( - - {k} - {v} - - ))} + {product.scene && ( + + 使用场景 + {product.scene} - - )} + )} + + {product.tags && product.tags.length > 0 && ( + + + {product.tags.map(tag => ( + + {tag} + + ))} + + + )} + + {((product.story || product.scene) && product.tags && product.tags.length > 0) && ( + + )} + + {((product.story || product.scene || (product.tags && product.tags.length > 0)) && product.specs && product.specs.length > 0) && ( + + )} + + {product.specs && product.specs.length > 0 && ( + + 规格参数 + + {product.specs.map(([k, v]) => ( + + {k} + {v} + + ))} + + + )} + @@ -268,8 +279,8 @@ export default function ShopDetailPage() { ← - {/* Bottom CTA — 全局毛玻璃 action-bar，沿用 product/checkout 模式 */} - + {/* Bottom CTA — 复用毛玻璃 BottomActionBar */} + 起价 ¥{product.price} @@ -283,7 +294,7 @@ export default function ShopDetailPage() { Taro.navigateTo({ url: `/pages/product/index?id=${product.id}` })}> 立即定制 - + ) diff --git a/src/pages/shop/index.scss b/src/pages/shop/index.scss index ba7b398..6b660cc 100644 --- a/src/pages/shop/index.scss +++ b/src/pages/shop/index.scss @@ -4,19 +4,19 @@ /* --- List Layer --- */ .shop-list { - padding: 0 24rpx 24rpx; + padding: 0 32rpx 24rpx; } .shop-header { text-align: center; - padding: 40rpx 0 24rpx; + padding: 48rpx 0 32rpx; } .shop-header-title { - font-size: 40rpx; - font-weight: 800; + font-size: 44rpx; + font-weight: 700; color: var(--text-primary); - letter-spacing: 4rpx; + letter-spacing: 0; display: block; } @@ -31,10 +31,11 @@ .shop-grid { display: grid; grid-template-columns: 1fr 1fr; - gap: 20rpx; + gap: 24rpx; } .shop-card { + border: 1rpx solid var(--border); border-radius: 24rpx; overflow: hidden; background: var(--bg-card); @@ -43,13 +44,13 @@ } .shop-card:active { - transform: scale(0.97); + transform: scale(0.98); } .shop-card-img-wrap { - aspect-ratio: 3 / 4; + aspect-ratio: 1 / 1; overflow: hidden; - background: #2a2218; + background: var(--bg-muted); } .shop-card-img { @@ -59,27 +60,39 @@ transition: transform 0.4s ease; } -.shop-card-info { - padding: 16rpx 20rpx 20rpx; +.shop-card-body { + padding: 20rpx 24rpx 24rpx; } .shop-card-name { - font-size: 26rpx; - color: #e8e0d6; + font-size: 28rpx; + font-weight: 700; + color: var(--text-primary); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; - min-height: 74rpx; +} + +.shop-card-desc { + font-size: 24rpx; + color: var(--text-secondary); + line-height: 1.4; + margin-top: 8rpx; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; } .shop-card-price { - font-size: 30rpx; + font-size: 32rpx; font-weight: 700; color: var(--accent-primary); - margin-top: 10rpx; + margin-top: 12rpx; display: block; + font-variant: tabular-nums; } /* ============================================================ diff --git a/src/pages/shop/index.tsx b/src/pages/shop/index.tsx index 3d18005..78128a0 100644 --- a/src/pages/shop/index.tsx +++ b/src/pages/shop/index.tsx @@ -27,7 +27,6 @@ export default function ShopPage() { {PRODUCTS.map(product => { - const tone = product.tone || [28, 22, 18] const imageSrc = product.images[0] || product.iconImg || '' return ( - + {product.name} + {product.desc || ''} ¥{product.price} @@ -57,8 +52,6 @@ export default function ShopPage() { })} - {/* TabBar spacer so list isn't obscured */} - ) diff --git a/src/pages/userDatabase/index.scss b/src/pages/userDatabase/index.scss index 7fe411e..5037d4d 100644 --- a/src/pages/userDatabase/index.scss +++ b/src/pages/userDatabase/index.scss @@ -1,90 +1,140 @@ +/* ============================================================ + UserDatabase Page — 本地用户数据库 + ============================================================ */ + .udb-page { - padding: 0 24px 40px; + padding: 0 32rpx calc(24rpx + env(safe-area-inset-bottom)); min-height: 100vh; + box-sizing: border-box; } /* 锁屏验证 */ +.udb-lock-page { + display: flex; + flex-direction: column; + justify-content: flex-start; +} + .udb-lock-card { display: flex; flex-direction: column; align-items: center; - padding: 60px 40px; + padding: 64rpx 40rpx; text-align: center; + margin-top: 48rpx; } .udb-lock-icon { - width: 80px; - height: 80px; - margin-bottom: 24px; + width: 96rpx; + height: 96rpx; + margin-bottom: 24rpx; } .udb-lock-title { - font-size: 36px; + display: block; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); - margin-bottom: 12px; - display: block; + margin-bottom: 12rpx; + letter-spacing: 0; } .udb-lock-desc { - font-size: 26px; - color: var(--text-secondary); - margin-bottom: 32px; display: block; + font-size: 26rpx; + line-height: 1.6; + color: var(--text-secondary); + margin-bottom: 32rpx; } .udb-password-input { width: 100%; - height: 80px; + height: 88rpx; background: var(--bg-input); border: 1rpx solid var(--border); - border-radius: 16px; - padding: 0 24px; - font-size: 30px; + border-radius: 16rpx; + padding: 0 24rpx; + box-sizing: border-box; + font-size: 30rpx; color: var(--text-primary); text-align: center; - margin-bottom: 24px; - box-sizing: border-box; + margin-bottom: 24rpx; +} + +.udb-password-input::placeholder { + color: var(--text-muted); } .udb-error { - font-size: 24px; - color: var(--danger); - margin-bottom: 20px; display: block; + font-size: 24rpx; + line-height: 1.5; + color: var(--danger); + margin-bottom: 20rpx; } .udb-btn { + display: flex; + align-items: center; + justify-content: center; width: 100%; - padding: 20px 0; - font-size: 30px; + height: 96rpx; + box-sizing: border-box; + font-size: 30rpx; + font-weight: 600; +} + +/* 顶部标题 */ +.page-header.udb-header { + min-height: 88rpx; + padding-left: 0; + padding-right: 0; + padding-bottom: 24rpx; + margin: 0; +} + +.udb-header .page-title { + text-align: center; + font-size: 44rpx; + font-weight: 700; + color: var(--text-primary); + letter-spacing: 0; } /* 工具栏 */ .udb-toolbar { - margin: 20px 0; display: flex; justify-content: flex-end; + margin: 8rpx 0 24rpx; } .udb-add-btn { - padding: 14px 28px; - font-size: 26px; + display: flex; + align-items: center; + justify-content: center; + height: 80rpx; + padding: 0 32rpx; + box-sizing: border-box; + font-size: 26rpx; + font-weight: 600; } /* 数据表格 */ .udb-table { background: var(--bg-card); border: 1rpx solid var(--border); - border-radius: 24px; + border-radius: 24rpx; overflow: hidden; + box-shadow: var(--shadow-card); } .udb-row { display: flex; align-items: center; - padding: 20px 16px; + min-height: 112rpx; + padding: 16rpx 24rpx; border-bottom: 1rpx solid var(--border); + box-sizing: border-box; } .udb-row:last-child { @@ -93,31 +143,31 @@ .udb-header { background: var(--bg-input); - padding: 16px; + min-height: 80rpx; } .udb-header .udb-col { font-weight: 700; - font-size: 24px; + font-size: 24rpx; color: var(--text-primary); } .udb-col { - font-size: 24px; + font-size: 24rpx; color: var(--text-secondary); flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - padding: 0 6px; + padding: 0 8rpx; } .col-nick { - flex: 0 0 22%; + flex: 0 0 24%; } .col-id { - flex: 0 0 36%; + flex: 0 0 32%; } .col-stats { @@ -127,10 +177,12 @@ .col-action { flex: 1; + min-width: 0; display: flex; align-items: center; justify-content: flex-end; - gap: 12px; + gap: 12rpx; + flex-wrap: wrap; } .udb-row.active { @@ -138,11 +190,13 @@ } .udb-link { - padding: 6px 14px; - border-radius: 8px; - font-size: 22px; + padding: 10rpx 20rpx; + border-radius: 999rpx; + font-size: 22rpx; + line-height: 1.2; color: var(--accent-secondary); background: var(--accent-secondary-soft); + font-weight: 600; } .udb-danger { @@ -151,55 +205,78 @@ } .udb-current { - font-size: 22px; + font-size: 22rpx; color: var(--accent-secondary); - font-weight: 600; + font-weight: 700; } .udb-empty { - padding: 40px; + padding: 80rpx 24rpx; text-align: center; color: var(--text-secondary); - font-size: 28px; + font-size: 28rpx; +} + +/* 新建账号弹窗 */ +.udb-page .modal-overlay { + align-items: center; + justify-content: center; + padding: 48rpx; + z-index: 1000; } -/* 弹窗 */ .udb-add-card { - padding: 48px 36px; - width: 80%; + width: 100%; + max-width: 640rpx; + padding: 40rpx; + border-radius: 32rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); + box-shadow: var(--shadow-elevated); + box-sizing: border-box; } .udb-add-title { - font-size: 32px; - font-weight: 700; - color: var(--text-primary); - margin-bottom: 24px; display: block; text-align: center; + font-size: 36rpx; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 32rpx; + letter-spacing: 0; } .udb-add-input { width: 100%; - height: 80px; + height: 88rpx; background: var(--bg-input); border: 1rpx solid var(--border); - border-radius: 16px; - padding: 0 24px; - font-size: 28px; - color: var(--text-primary); - margin-bottom: 32px; + border-radius: 16rpx; + padding: 0 24rpx; box-sizing: border-box; + font-size: 28rpx; + color: var(--text-primary); + margin-bottom: 32rpx; +} + +.udb-add-input::placeholder { + color: var(--text-muted); } .udb-add-actions { display: flex; align-items: center; - gap: 20px; + gap: 20rpx; } .udb-add-actions .btn-secondary, .udb-add-actions .btn-primary { flex: 1; - padding: 18px 0; - text-align: center; + height: 80rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 28rpx; + font-weight: 600; + box-sizing: border-box; } diff --git a/src/pages/userDatabase/index.tsx b/src/pages/userDatabase/index.tsx index 94d189b..377aae1 100644 --- a/src/pages/userDatabase/index.tsx +++ b/src/pages/userDatabase/index.tsx @@ -86,8 +86,8 @@ export default function UserDatabasePage() { return ( - - + + 管理员验证 请输入密码以访问用户数据库 @@ -116,7 +116,7 @@ export default function UserDatabasePage() { - + 本地用户数据库 diff --git a/src/pages/wordcloud/index.scss b/src/pages/wordcloud/index.scss index 6dcf89f..365ed92 100644 --- a/src/pages/wordcloud/index.scss +++ b/src/pages/wordcloud/index.scss @@ -1,68 +1,125 @@ +/* ============================================================ + WordCloud Page — AI 词云生成 + ============================================================ */ + .wordcloud-page { min-height: 100vh; - padding: 0 24px 24px; + padding: 0 32rpx calc(24rpx + env(safe-area-inset-bottom)); + box-sizing: border-box; } /* 顶部导航 */ -.page-header { - padding: calc(env(safe-area-inset-top, 0px) + 44px) 32px 24px; - margin: 20px 0 0; +.page-header.cloud-header { + display: flex; + align-items: center; + gap: 16rpx; + min-height: 88rpx; + padding-left: 0; + padding-right: 0; + padding-bottom: 24rpx; + margin: 0; background: transparent; } -.back-btn { - font-size: 40px; +.cloud-header .back-btn { + display: flex; + align-items: center; + justify-content: center; + width: 88rpx; + height: 88rpx; + flex: 0 0 auto; + border-radius: 50%; + background: var(--bg-card); + border: 1rpx solid var(--border-strong); + box-shadow: var(--shadow-card); + box-sizing: border-box; +} + +.cloud-header .back-btn:active { + transform: scale(0.96); +} + +.cloud-header .back-arrow { + font-size: 36rpx; + line-height: 1; color: var(--text-primary); - padding: 10px; +} + +.cloud-header .page-title { + flex: 1; + min-width: 0; + text-align: center; + font-size: 34rpx; + font-weight: 600; + color: var(--text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + letter-spacing: 0; +} + +.header-spacer { + width: 88rpx; + flex: 0 0 auto; } /* 步骤指示器 */ .step-indicator { display: flex; - align-items: center; + align-items: stretch; justify-content: center; - padding: 32px; - margin: 0 24px; + padding: 32rpx 16rpx; + margin-bottom: 24rpx; } .step-item { + position: relative; + flex: 1; display: flex; flex-direction: column; align-items: center; - position: relative; - flex: 1; + min-width: 0; } .step-circle { - width: 64px; - height: 64px; - border-radius: 50%; - background: var(--bg-input); display: flex; align-items: center; justify-content: center; - margin-bottom: 12px; + width: 64rpx; + height: 64rpx; + border-radius: 50%; + background: var(--bg-muted); border: 1rpx solid var(--border); + box-sizing: border-box; + margin-bottom: 12rpx; + transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } .step-circle.active { background: var(--accent-primary); border-color: var(--accent-primary); + box-shadow: 0 0 0 8rpx var(--accent-primary-soft); } .step-num { - font-size: 28px; + font-size: 28rpx; font-weight: 700; + line-height: 1; color: var(--text-muted); } .step-circle.active .step-num { - color: #fff; + color: var(--bg-page); } .step-label { - font-size: 24px; + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 24rpx; color: var(--text-secondary); + text-align: center; } .step-label.active { @@ -72,11 +129,12 @@ .step-line { position: absolute; - top: 30px; + top: 31rpx; left: 60%; width: 100%; - height: 4px; + height: 4rpx; background: var(--bg-input); + border-radius: 999rpx; } .step-line.active { @@ -85,105 +143,144 @@ /* 步骤内容 */ .step-content { - padding: 32px; + padding: 0 0 32rpx; } -/* 上传区域 */ +/* 上传底图 */ .upload-area { - min-height: 400px; + min-height: 420rpx; display: flex; align-items: center; justify-content: center; - border: 1rpx solid var(--border); - border-radius: 24rpx; + overflow: hidden; } .upload-placeholder { display: flex; flex-direction: column; align-items: center; - padding: 60px; + padding: 64rpx 48rpx; + text-align: center; } .upload-icon { - width: 80px; - height: 80px; - margin-bottom: 24px; + width: 80rpx; + height: 80rpx; + margin-bottom: 24rpx; } .upload-title { - font-size: 32px; + font-size: 32rpx; font-weight: 600; color: var(--text-primary); - margin-bottom: 12px; + margin-bottom: 12rpx; + letter-spacing: 0; } .upload-desc { - font-size: 26px; + font-size: 26rpx; color: var(--text-secondary); - margin-bottom: 16px; + margin-bottom: 24rpx; } .upload-tip { - font-size: 22px; + font-size: 22rpx; + line-height: 1.5; color: var(--accent-secondary); background: var(--accent-secondary-soft); - padding: 8px 20px; + padding: 12rpx 24rpx; border-radius: 999rpx; - border: 1rpx solid var(--border); } .preview-image { width: 100%; - height: 400px; - border-radius: 24px; + height: 420rpx; + border-radius: 24rpx; } -/* 按钮 */ +/* 按钮组 */ .action-btns { display: flex; flex-direction: column; - gap: 20px; - margin-top: 40px; + gap: 20rpx; + margin-top: 32rpx; } -/* 输入区域 */ +.action-btns .btn-primary, +.action-btns .btn-secondary { + display: flex; + align-items: center; + justify-content: center; + height: 96rpx; + font-size: 30rpx; + font-weight: 600; + box-sizing: border-box; +} + +/* 输入名单 */ .input-section { - padding: 32px; - border: 1rpx solid var(--border); - border-radius: 24rpx; + padding: 32rpx; +} + +.input-section .section-title { + display: block; + font-size: 32rpx; + font-weight: 700; + color: var(--text-primary); + margin-bottom: 0; + letter-spacing: 0; } .names-input { width: 100%; - min-height: 300px; + min-height: 320rpx; background: var(--bg-input); - border-radius: 16px; - padding: 24px; - font-size: 28px; - line-height: 1.6; - box-sizing: border-box; border: 1rpx solid var(--border); + border-radius: 16rpx; + padding: 24rpx; + margin-top: 24rpx; + box-sizing: border-box; + font-size: 28rpx; + line-height: 1.6; color: var(--text-primary); + transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease; +} + +.names-input:focus { + border-color: var(--accent-primary); + background: var(--bg-card); + box-shadow: 0 0 0 6rpx var(--accent-primary-soft); +} + +.names-input::placeholder { + color: var(--text-muted); } .input-stats { display: block; text-align: right; - font-size: 24px; + font-size: 24rpx; color: var(--text-secondary); - margin-top: 12px; + margin-top: 12rpx; } .input-tips { - margin-top: 24px; + margin-top: 24rpx; + padding: 24rpx; + border-radius: 16rpx; + background: var(--bg-muted); } .tip-item { display: block; - font-size: 24px; + font-size: 24rpx; + line-height: 1.6; color: var(--text-secondary); - margin-bottom: 8px; + margin-bottom: 8rpx; +} + +.tip-item:last-child { + margin-bottom: 0; } /* 生成中 */ @@ -191,133 +288,155 @@ display: flex; flex-direction: column; align-items: center; - padding: 80px 40px; + padding: 96rpx 48rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); + border-radius: 24rpx; + box-shadow: var(--shadow-card); } .generating-icon { - width: 120px; - height: 120px; + width: 104rpx; + height: 104rpx; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } - 50% { transform: scale(1.2); opacity: 0.7; } + 50% { transform: scale(1.12); opacity: 0.72; } } .generating-title { - font-size: 40px; + font-size: 36rpx; font-weight: 700; color: var(--text-primary); - margin-top: 40px; + margin-top: 32rpx; + letter-spacing: 0; } .generating-subtitle { - font-size: 28px; + font-size: 26rpx; color: var(--text-secondary); - margin-top: 16px; - margin-bottom: 40px; + margin-top: 12rpx; + margin-bottom: 40rpx; } .progress-bar { - width: 80%; - height: 16px; - background: var(--accent-primary-soft); - border-radius: 8px; + width: 100%; + height: 12rpx; + background: var(--bg-muted); + border-radius: 999rpx; overflow: hidden; } .progress-fill { height: 100%; background: var(--accent-primary); - border-radius: 8px; + border-radius: 999rpx; transition: width 0.5s ease; } .progress-text { - font-size: 32px; + font-size: 30rpx; font-weight: 700; color: var(--accent-primary); - margin-top: 16px; + margin-top: 16rpx; + font-variant: tabular-nums; } -/* 结果面板 */ +/* 结果预览 */ .result-panel { - padding: 20px 0; + padding: 0; } .result-image-wrapper { - overflow: hidden; position: relative; - border: 1rpx solid var(--border); + overflow: hidden; border-radius: 24rpx; } .result-image { width: 100%; - height: 500px; - background: linear-gradient(135deg, var(--accent-primary-soft) 0%, var(--accent-secondary-soft) 100%); + height: 520rpx; + background: var(--bg-muted); } .watermark-badge { position: absolute; - bottom: 20px; - right: 20px; + right: 24rpx; + bottom: 24rpx; + padding: 10rpx 20rpx; + border-radius: 999rpx; background: var(--glass); + border: 1rpx solid var(--glass-line); + font-size: 22rpx; color: var(--text-primary); - padding: 8px 20px; - border-radius: 8px; - font-size: 22px; - border: 1rpx solid var(--border); + backdrop-filter: blur(24rpx); + -webkit-backdrop-filter: blur(24rpx); } .result-actions { display: flex; - justify-content: space-around; - margin: 32px 0; + gap: 16rpx; + margin: 24rpx 0 0; } .action-btn { + flex: 1; + min-width: 0; + padding: 24rpx 8rpx; + border-radius: 24rpx; + background: var(--bg-card); + border: 1rpx solid var(--border); + box-shadow: var(--shadow-card); display: flex; flex-direction: column; align-items: center; - padding: 20px; + gap: 10rpx; + box-sizing: border-box; +} + +.action-btn:active { + transform: scale(0.98); } .action-icon { - width: 48px; - height: 48px; - margin-bottom: 8px; + width: 44rpx; + height: 44rpx; } .action-label { - font-size: 24px; + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 22rpx; color: var(--text-secondary); } -/* 跳转DIY卡片 */ +/* 跳转DIY卡片（保留旧样式，便于后续扩展） */ .diy-jump-card { display: flex; align-items: center; justify-content: space-between; - margin-bottom: 32px; + margin-bottom: 32rpx; } .diy-jump-title { - font-size: 32px; + font-size: 32rpx; font-weight: 700; color: var(--text-primary); display: block; - margin-bottom: 8px; + margin-bottom: 8rpx; } .diy-jump-desc { - font-size: 24px; + font-size: 24rpx; color: var(--text-secondary); display: block; } .diy-jump-arrow { - font-size: 40px; + font-size: 40rpx; color: var(--accent-primary); } diff --git a/src/pages/wordcloud/index.tsx b/src/pages/wordcloud/index.tsx index 1eb0cb2..9192f5b 100644 --- a/src/pages/wordcloud/index.tsx +++ b/src/pages/wordcloud/index.tsx @@ -66,10 +66,12 @@ export default function WordCloudPage() { - - ← + + + ← + AI词云生成 - + {/* 步骤指示器 */} diff --git a/tools/tabbar-gradient-test.html b/tools/tabbar-gradient-test.html new file mode 100644 index 0000000..0737c6f --- /dev/null +++ b/tools/tabbar-gradient-test.html @@ -0,0 +1,529 @@ + + + + + +TabBar 指示器调试器 + + + +
+

TabBar 指示器调试器

+
+ + + +
+
+ +
+
+
+
选中指示器
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
导出的参数
+ +
+

点「复制参数」把 JSON 发给我；点「复制 SCSS」得到可直接落地的样式代码。

+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +