83 lines
3.2 KiB
TypeScript
83 lines
3.2 KiB
TypeScript
"use client"
|
||
|
||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
|
||
import { Button } from "@/components/ui/button"
|
||
import { Input } from "@/components/ui/input"
|
||
import { Label } from "@/components/ui/label"
|
||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
|
||
import { Textarea } from "@/components/ui/textarea"
|
||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
|
||
|
||
export default function ContentPage() {
|
||
return (
|
||
<div className="space-y-6">
|
||
<div className="flex justify-between items-center">
|
||
<h2 className="text-3xl font-bold tracking-tight">内容管理</h2>
|
||
<Button>发布新内容</Button>
|
||
</div>
|
||
|
||
<Tabs defaultValue="chapters" className="space-y-4">
|
||
<TabsList>
|
||
<TabsTrigger value="chapters">章节管理</TabsTrigger>
|
||
<TabsTrigger value="articles">文章管理</TabsTrigger>
|
||
<TabsTrigger value="hooks">钩子配置</TabsTrigger>
|
||
</TabsList>
|
||
|
||
<TabsContent value="chapters" className="space-y-4">
|
||
<Card>
|
||
<CardHeader>
|
||
<CardTitle>章节列表</CardTitle>
|
||
</CardHeader>
|
||
<CardContent>
|
||
<div className="rounded-md border p-4 text-center text-muted-foreground">
|
||
暂无章节数据，请连接数据库同步
|
||
</div>
|
||
</CardContent>
|
||
</Card>
|
||
</TabsContent>
|
||
|
||
<TabsContent value="articles" className="space-y-4">
|
||
<Card>
|
||
<CardHeader>
|
||
<CardTitle>文章列表</CardTitle>
|
||
</CardHeader>
|
||
<CardContent>
|
||
<div className="rounded-md border p-4 text-center text-muted-foreground">
|
||
暂无文章数据
|
||
</div>
|
||
</CardContent>
|
||
</Card>
|
||
</TabsContent>
|
||
|
||
<TabsContent value="hooks" className="space-y-4">
|
||
<Card>
|
||
<CardHeader>
|
||
<CardTitle>引流钩子配置</CardTitle>
|
||
</CardHeader>
|
||
<CardContent className="space-y-4">
|
||
<div className="grid w-full max-w-sm items-center gap-1.5">
|
||
<Label htmlFor="hook-chapter">触发章节</Label>
|
||
<Select defaultValue="3">
|
||
<SelectTrigger id="hook-chapter">
|
||
<SelectValue placeholder="选择章节" />
|
||
</SelectTrigger>
|
||
<SelectContent>
|
||
<SelectItem value="1">第一章</SelectItem>
|
||
<SelectItem value="2">第二章</SelectItem>
|
||
<SelectItem value="3">第三章 (默认)</SelectItem>
|
||
</SelectContent>
|
||
</Select>
|
||
</div>
|
||
<div className="grid w-full gap-1.5">
|
||
<Label htmlFor="message">引流文案</Label>
|
||
<Textarea placeholder="输入引导用户加群的文案..." id="message" defaultValue="阅读更多精彩内容，请加入Soul创业实验派对群..." />
|
||
</div>
|
||
<Button>保存配置</Button>
|
||
</CardContent>
|
||
</Card>
|
||
</TabsContent>
|
||
</Tabs>
|
||
</div>
|
||
)
|
||
}
|