import React, { useState } from "react"; import { Layout, Card, Text, ExternalLink, Menu, NavMenu, } from "@tencent/tea-component"; const { Header, Body, 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 LayoutWithLightSiderExample() { const [selected, setSelected] = useState("overview"); const getMenuItemProps = id => ({ selected: selected === id, onClick: () => setSelected(id), }); return (
logo 总览 } />
console.log("back"), }} collapsable > 说明文字 带颜色说明文字 } operation={内容帮助} /> {/* 内容区域一般使用 Card 组件显示内容 */} 内容卡片 ); }