diff --git a/src/packages/navbar/demo.tsx b/src/packages/navbar/demo.tsx index 6436db05437ce41d56c51cd2685f09e987b06c1a..07bb11eaacc0d62e25bc91161ed0d4436bada51e 100644 --- a/src/packages/navbar/demo.tsx +++ b/src/packages/navbar/demo.tsx @@ -1,5 +1,8 @@ -import React from 'react' +import React, { useState } from 'react' import { NavBar } from './navbar' +import { Icon } from '../icon/icon' +import { Tabs } from '../tabs/tabs' +import { TabPane } from '../tabpane/tabpane' import { useTranslate } from '../../sites/assets/locale' interface T { @@ -11,6 +14,7 @@ interface T { cfbdc781: string c3a3a1d2: string e51e4582: string + c9e6df49: string } const NavBarDemo = () => { @@ -24,6 +28,7 @@ const NavBarDemo = () => { cfbdc781: '清空', c3a3a1d2: '购物车', e51e4582: '浏览记录', + c9e6df49: '自定义导航栏中间内容', }, 'zh-TW': { ce5c5446: '基礎用法', @@ -34,6 +39,7 @@ const NavBarDemo = () => { cfbdc781: '清空', c3a3a1d2: '購物車', e51e4582: '瀏覽記錄', + c9e6df49: '自定義導航欄中間內容', }, 'en-US': { ce5c5446: 'Basic usage', @@ -44,38 +50,76 @@ const NavBarDemo = () => { cfbdc781: 'empty', c3a3a1d2: 'shopping cart', e51e4582: 'Browsing history', + c9e6df49: 'Customize the middle content of the navigation bar', }, }) + const [tab1value, setTab1value] = useState('Tab 1') return ( <>