-
Notifications
You must be signed in to change notification settings - Fork 711
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
206 additions
and
120 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,129 @@ | ||
| export function Sidebar() { | ||
| return ( | ||
| <> | ||
| <button | ||
| data-drawer-target="default-sidebar" | ||
| data-drawer-toggle="default-sidebar" | ||
| aria-controls="default-sidebar" | ||
| type="button" | ||
| className="mt-2 ml-3 inline-flex items-center rounded-lg p-2 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600 md:hidden" | ||
| > | ||
| <span className="sr-only">Open sidebar</span> | ||
| <svg | ||
| className="h-6 w-6" | ||
| aria-hidden="true" | ||
| fill="currentColor" | ||
| viewBox="0 0 20 20" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| clip-rule="evenodd" | ||
| fill-rule="evenodd" | ||
| d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z" | ||
| ></path> | ||
| </svg> | ||
| </button> | ||
|
|
||
| <aside | ||
| id="default-sidebar" | ||
| className="fixed top-16 left-0 z-40 h-screen w-64 -translate-x-full transition-transform sm:translate-x-0" | ||
| aria-label="Sidebar" | ||
| > | ||
| <div className="h-full overflow-y-auto bg-gray-50 px-3 py-4 dark:bg-gray-800"> | ||
| <ul className="space-y-2"> | ||
| <li> | ||
| <a | ||
| href="/user/videos" | ||
| className="flex items-center rounded-lg p-2 text-base font-normal text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" | ||
| > | ||
| <svg | ||
| aria-hidden="true" | ||
| className="h-6 w-6 flex-shrink-0 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" | ||
| fill="currentColor" | ||
| viewBox="0 0 20 20" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| d="M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z"></path> | ||
| <path | ||
| d="M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z"></path> | ||
| </svg> | ||
| <span className="ml-3 flex-1 whitespace-nowrap">已识别</span> | ||
| <span | ||
| className="ml-3 inline-flex h-3 w-3 items-center justify-center rounded-full bg-blue-100 p-3 text-sm font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300"> | ||
| 3 | ||
| </span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a | ||
| href="#" | ||
| className="flex items-center rounded-lg p-2 text-base font-normal text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" | ||
| > | ||
| <svg | ||
| aria-hidden="true" | ||
| className="h-6 w-6 flex-shrink-0 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" | ||
| fill="currentColor" | ||
| viewBox="0 0 20 20" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path> | ||
| </svg> | ||
| <span className="ml-3 flex-1 whitespace-nowrap">导出笔记</span> | ||
| <span | ||
| className="ml-3 inline-flex items-center justify-center rounded-full bg-gray-200 px-2 text-sm font-medium text-gray-800 dark:bg-gray-700 dark:text-gray-300"> | ||
| Pro | ||
| </span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a | ||
| href="/shop" | ||
| className="flex items-center rounded-lg p-2 text-base font-normal text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" | ||
| > | ||
| <svg | ||
| aria-hidden="true" | ||
| className="h-6 w-6 flex-shrink-0 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" | ||
| fill="currentColor" | ||
| viewBox="0 0 20 20" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| fill-rule="evenodd" | ||
| d="M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z" | ||
| clip-rule="evenodd" | ||
| ></path> | ||
| </svg> | ||
| <span className="ml-3 flex-1 whitespace-nowrap"> | ||
| 购买次数(时长) | ||
| </span> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a | ||
| href="#" | ||
| className="flex cursor-not-allowed items-center rounded-lg p-2 text-base font-normal text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700" | ||
| > | ||
| <svg | ||
| aria-hidden="true" | ||
| className="h-6 w-6 flex-shrink-0 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white" | ||
| fill="currentColor" | ||
| viewBox="0 0 20 20" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| fill-rule="evenodd" | ||
| d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" | ||
| clip-rule="evenodd" | ||
| ></path> | ||
| </svg> | ||
| <span className="ml-3 flex-1 whitespace-nowrap">奖励计划</span> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </aside> | ||
| </> | ||
| ); | ||
| } |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| import { Sidebar } from "~/components/sidebar"; | ||
| import BilibiliEmbedRenderer from 'react-bilibili-embed-renderer' | ||
| export default () => { | ||
| return ( | ||
| <> | ||
| <Sidebar /> | ||
| <div className="p-4"> | ||
| <div className="rounded-lg border-2 border-dashed border-gray-200 p-4 dark:border-gray-700"> | ||
| <div className="mb-4 grid grid-cols-3 gap-4"> | ||
| <div className="flex h-24 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <div className="text-2xl text-gray-400 dark:text-gray-500"> | ||
| <BilibiliEmbedRenderer width={300} aid="483168578"/> | ||
| </div> | ||
| </div> | ||
| <div className="flex h-24 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <div className="text-2xl text-gray-400 dark:text-gray-500"> | ||
| <BilibiliEmbedRenderer width={300} aid="352747000"/> | ||
| </div> | ||
| </div> | ||
| <div className="flex h-24 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| </div> | ||
| <div className="mb-4 flex h-48 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| <div className="mb-4 grid grid-cols-2 gap-4"> | ||
| <div className="flex h-28 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| <div className="flex h-28 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| </div> | ||
| <div className="mb-4 flex h-48 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| <div className="grid grid-cols-2 gap-4"> | ||
| <div className="flex h-28 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| <div className="flex h-28 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| <div className="flex h-28 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| <div className="flex h-28 items-center justify-center rounded bg-gray-50 dark:bg-gray-800"> | ||
| <p className="text-2xl text-gray-400 dark:text-gray-500">+</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </> | ||
| ); | ||
| }; |
cb37dbbThere was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
chat-bilibili-video – ./
chat-bilibili-video-jimmylv.vercel.app
chat-bilibili-video.vercel.app
m.bilibili.jimmylv.cn
m.youtube.jimmylv.cn
www.bilibili.jimmylv.cn
chat-bilibili-video-git-main-jimmylv.vercel.app
bilibili.jimmylv.cn
www.youtube.jimmylv.cn
b.jimmylv.cn