fix(doc): 调整预览网站入口

uiwjs · Apr 19, 2023 · e4d5332 · e4d5332
1 parent ab20755
commit e4d5332
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 4 deletions.
diff --git a/examples/website/src/components/Layouts/Navbar/index.tsx b/examples/website/src/components/Layouts/Navbar/index.tsx
@@ -10,6 +10,7 @@ import {
   Title,
   Version,
   LinkMenu,
+  AMenu,
 } from './style';
 
 interface NavbarProps
@@ -30,6 +31,12 @@ const Navbar: FC<PropsWithRef<NavbarProps>> = (props) => {
         </Logo>
       </Left>
       <Right>
+        <AMenu
+          href="https://stackblitz.com/github/uiwjs/uiw-admin/tree/master/examples/base?embed=1&hideNavigation=0&hidedevtools=0"
+          target="__blank"
+        >
+          实例预览
+        </AMenu>
         <LinkMenu to="/docs">教程</LinkMenu>
         <LinkMenu to="/components">组件</LinkMenu>
         <HeaderTools>

diff --git a/examples/website/src/components/Layouts/Navbar/style.ts b/examples/website/src/components/Layouts/Navbar/style.ts
@@ -72,3 +72,17 @@ export const LinkMenu = styled(NavLink)`
     background: var(--color1);
   }
 `;
+export const AMenu = styled.a`
+  text-decoration: none;
+  font-size: 16px;
+  color: var(--color-fg-default);
+  padding: 2px 15px;
+  border-radius: 3px;
+  &:first-child {
+    margin-left: 0;
+  }
+  &.active {
+    color: var(--font-color);
+    background: var(--color1);
+  }
+`;
diff --git a/examples/website/src/menus.ts b/examples/website/src/menus.ts
@@ -19,10 +19,10 @@ export const menusDocsConfig: MenusConfigObject[] = [
     target: '__blank',
     path: 'https://github.com/uiwjs/uiw-admin/blob/master/CHANGELOG.md',
   },
-  {
-    title: 'Uiw Admin 示例',
-    path: '/example',
-  },
+  // {
+  //   title: 'Uiw Admin 示例',
+  //   path: '/example',
+  // },
   {
     divider: true,
     title: '页面开发',