diff --git a/packages/client/src/components/admin-layout/index.tsx b/packages/client/src/components/admin-layout/index.tsx index 98dc3e1ea..e1cc1331e 100644 --- a/packages/client/src/components/admin-layout/index.tsx +++ b/packages/client/src/components/admin-layout/index.tsx @@ -50,19 +50,59 @@ import { MenuSelectedKeysContext } from '../../schemas/menu'; function DesignableToggle() { const { designable, setDesignable } = useDesignableSwitchContext(); + const [visible, setVisible] = useState(false); + useEffect(() => { + if (designable) { + return; + } + if (localStorage.getItem('hide-tip')) { + return; + } + setTimeout(() => { + setVisible(true); + }, 2000); + }, []); return ( - - - + + + + + + ); } diff --git a/packages/client/src/components/admin-layout/style.less b/packages/client/src/components/admin-layout/style.less index 379880a75..067a6dc4c 100644 --- a/packages/client/src/components/admin-layout/style.less +++ b/packages/client/src/components/admin-layout/style.less @@ -70,6 +70,9 @@ &.active { // background: #faad14 !important; } + &.has-tip { + background: #f18b62 !important; + } } .user-info {