🎉 init: 小龙的工作空间
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
"use client";
|
||||
import { useState } from "react";
|
||||
import { Input } from "@/components/ui/Input";
|
||||
import { Button } from "@/components/ui/Button";
|
||||
|
||||
export default function NoteEditorPage() {
|
||||
const [title, setTitle] = useState("");
|
||||
const [content, setContent] = useState("");
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<h1 className="text-xl font-bold text-gray-800">编辑笔记</h1>
|
||||
<Button variant="primary" size="sm">保存</Button>
|
||||
</div>
|
||||
<Input value={title} onChange={e => setTitle(e.target.value)} placeholder="笔记标题" className="text-lg font-medium border-0 px-0" />
|
||||
<textarea
|
||||
value={content}
|
||||
onChange={e => setContent(e.target.value)}
|
||||
placeholder="开始记录..."
|
||||
className="w-full min-h-[300px] text-sm text-gray-700 resize-none focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user