67 lines
2.7 KiB
TypeScript
67 lines
2.7 KiB
TypeScript
"use client"
|
|
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
|
|
import { Label } from "@/components/ui/label"
|
|
import { Input } from "@/components/ui/input"
|
|
import { Button } from "@/components/ui/button"
|
|
import { Switch } from "@/components/ui/switch"
|
|
|
|
export default function SettingsPage() {
|
|
return (
|
|
<div className="space-y-6">
|
|
<div>
|
|
<h2 className="text-3xl font-bold tracking-tight">系统设置</h2>
|
|
<p className="text-muted-foreground">配置全站基础参数与开关。</p>
|
|
</div>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>基础信息</CardTitle>
|
|
<CardDescription>网站显示的基本信息配置。</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
<div className="grid gap-2">
|
|
<Label htmlFor="site-name">网站名称</Label>
|
|
<Input id="site-name" defaultValue="一场Soul的创业实验" />
|
|
</div>
|
|
<div className="grid gap-2">
|
|
<Label htmlFor="author">主理人</Label>
|
|
<Input id="author" defaultValue="卡若" />
|
|
</div>
|
|
<Button>保存基础信息</Button>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>功能开关</CardTitle>
|
|
<CardDescription>控制系统核心模块的启用状态。</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-6">
|
|
<div className="flex items-center justify-between space-x-2">
|
|
<Label htmlFor="maintenance-mode" className="flex flex-col space-y-1">
|
|
<span>维护模式</span>
|
|
<span className="font-normal text-xs text-muted-foreground">启用后前台将显示维护中页面</span>
|
|
</Label>
|
|
<Switch id="maintenance-mode" />
|
|
</div>
|
|
<div className="flex items-center justify-between space-x-2">
|
|
<Label htmlFor="payment-enabled" className="flex flex-col space-y-1">
|
|
<span>全站支付</span>
|
|
<span className="font-normal text-xs text-muted-foreground">关闭后所有支付功能将暂停</span>
|
|
</Label>
|
|
<Switch id="payment-enabled" defaultChecked />
|
|
</div>
|
|
<div className="flex items-center justify-between space-x-2">
|
|
<Label htmlFor="referral-enabled" className="flex flex-col space-y-1">
|
|
<span>分销系统</span>
|
|
<span className="font-normal text-xs text-muted-foreground">是否允许用户生成邀请链接</span>
|
|
</Label>
|
|
<Switch id="referral-enabled" defaultChecked />
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
)
|
|
}
|