import React, { useState } from "react"; import { Layout, Card, Text, ExternalLink, Menu, NavMenu, } from "@tencent/tea-component"; const { Header, Body, Footer, Sider, Content } = Layout; const icon = /** @type {[string, string]} */ ([ `https://via.placeholder.com/16.png?text=icon`, `https://via.placeholder.com/16/006eff/444444`, ]); export default function LayoutExample() { const [selected, setSelected] = useState("overview"); const getMenuItemProps = id => ({ selected: selected === id, onClick: () => setSelected(id), }); return (
logo 总览 } />
说明文字 带颜色说明文字 } operation={内容帮助} /> {/* 内容区域一般使用 Card 组件显示内容 */} 内容卡片
(可选项)自定义页脚
京公网安备 11010802017518 粤B2-20090059-1
); }