fix: move refresh+orders buttons into 订单中心 card, remove from header
This commit is contained in:
@@ -439,33 +439,6 @@ function PayContent() {
|
|||||||
{'\u5B89\u5168\u652F\u4ED8\uFF0C\u81EA\u52A8\u5230\u8D26'}
|
{'\u5B89\u5168\u652F\u4ED8\uFF0C\u81EA\u52A8\u5230\u8D26'}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{!isMobile && (
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
onClick={loadUserAndOrders}
|
|
||||||
className={[
|
|
||||||
'inline-flex items-center rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
|
|
||||||
isDark
|
|
||||||
? 'border-slate-600 text-slate-200 hover:bg-slate-800'
|
|
||||||
: 'border-slate-300 text-slate-700 hover:bg-slate-100',
|
|
||||||
].join(' ')}
|
|
||||||
>
|
|
||||||
刷新
|
|
||||||
</button>
|
|
||||||
<a
|
|
||||||
href={ordersUrl}
|
|
||||||
className={[
|
|
||||||
'inline-flex items-center rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
|
|
||||||
isDark
|
|
||||||
? 'border-slate-600 text-slate-200 hover:bg-slate-800'
|
|
||||||
: 'border-slate-300 text-slate-700 hover:bg-slate-100',
|
|
||||||
].join(' ')}
|
|
||||||
>
|
|
||||||
{'\u6211\u7684\u8BA2\u5355'}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{error && (
|
{error && (
|
||||||
@@ -548,29 +521,33 @@ function PayContent() {
|
|||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<div className={['rounded-2xl border p-4', isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-slate-50'].join(' ')}>
|
<div className={['rounded-2xl border p-4', isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-slate-50'].join(' ')}>
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
|
<div>
|
||||||
<div className={['text-xs', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}>订单中心</div>
|
<div className={['text-xs', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}>订单中心</div>
|
||||||
|
<div className="mt-1 text-lg font-semibold">最近订单:{myOrders.length} 条</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={loadUserAndOrders}
|
onClick={loadUserAndOrders}
|
||||||
className={[
|
className={[
|
||||||
'rounded-lg border px-2.5 py-1 text-xs font-medium transition-colors',
|
'rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
|
||||||
isDark ? 'border-slate-600 text-slate-200 hover:bg-slate-800' : 'border-slate-300 text-slate-700 hover:bg-slate-100',
|
isDark ? 'border-slate-600 text-slate-200 hover:bg-slate-800' : 'border-slate-300 text-slate-700 hover:bg-slate-100',
|
||||||
].join(' ')}
|
].join(' ')}
|
||||||
>
|
>
|
||||||
刷新
|
刷新
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
<div className="mt-1 text-lg font-semibold">最近订单:{myOrders.length} 条</div>
|
|
||||||
<a
|
<a
|
||||||
href={pcOrdersUrl}
|
href={pcOrdersUrl}
|
||||||
className={[
|
className={[
|
||||||
'mt-3 inline-flex items-center rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
|
'rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors',
|
||||||
isDark ? 'border-slate-600 text-slate-200 hover:bg-slate-800' : 'border-slate-300 text-slate-700 hover:bg-slate-100',
|
isDark ? 'border-slate-600 text-slate-200 hover:bg-slate-800' : 'border-slate-300 text-slate-700 hover:bg-slate-100',
|
||||||
].join(' ')}
|
].join(' ')}
|
||||||
>
|
>
|
||||||
打开完整订单页
|
我的订单
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className={['rounded-2xl border p-4', isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-slate-50'].join(' ')}>
|
<div className={['rounded-2xl border p-4', isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-slate-50'].join(' ')}>
|
||||||
<div className={['text-xs', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}>支付说明</div>
|
<div className={['text-xs', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}>支付说明</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user