38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
export function PageTools() {
|
|
return (
|
|
<>
|
|
<aside className={"page-tools"} id={"page-tools"} aria-label={"页面快捷工具"} aria-hidden={"true"} inert>
|
|
<div className={"page-tool-download"} id={"page-tool-download"} data-app-download-entry="" hidden>
|
|
<button id={"floating-app-close"} type={"button"} aria-label={"关闭悬浮 App 下载图标"}>
|
|
<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
|
|
<path d={"m7 7 10 10M17 7 7 17"}>
|
|
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
<a className={"page-tool"} id={"floating-download"} data-app-download="" target="_blank" rel="sponsored nofollow noopener noreferrer" aria-label={"下载 App"}>
|
|
<img className={"floating-app-icon"} src={"/assets/6dd2c76631816aa2.svg"} alt={"91短剧 App"} width={"88"} height={"88"} />
|
|
</a>
|
|
</div>
|
|
<button className={"page-tool"} id={"floating-history"} type={"button"} aria-label={"历史记录"} title={"历史记录"} aria-haspopup={"dialog"} aria-controls={"history-dialog"}>
|
|
<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
|
|
<circle cx={"12"} cy={"12"} r={"9"} fill={"none"} stroke={"currentColor"} strokeWidth={"1.8"}>
|
|
|
|
</circle>
|
|
<path d={"M12 7v5l3 2"} fill={"none"} stroke={"currentColor"} strokeWidth={"1.8"} strokeLinecap={"round"} strokeLinejoin={"round"}>
|
|
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
<button className={"page-tool"} id={"back-to-top"} type={"button"} aria-label={"回到顶部"} title={"回到顶部"}>
|
|
<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
|
|
<path d={"M5 4h14M12 20V8m-6 6 6-6 6 6"}>
|
|
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
</aside>
|
|
</>
|
|
);
|
|
}
|