louiscklaw/HKSingleParty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update DemoStickyBottomSheetExample,

Browse Source
This commit is contained in:
louiscklaw
2025-06-08 18:47:32 +08:00
parent 657c652657
commit 4bb213ef0c
4 changed files with 69 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
03_source/mobile/src/pages/DemoStickyBottomSheetExample/index.tsx
View File

@@ -1,12 +1,12 @@
import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';
import { IonRouterOutlet, IonTabs } from '@ionic/react';
import { cloudOutline, searchOutline } from 'ionicons/icons';
import { Route, Redirect } from 'react-router';
import './theme/variables.scss';
import Home from './pages/Home';
import React from 'react';
function DemoStickyBottomSheetExample() {
function DemoStickyBottomSheetExample(): React.JSX.Element {
return (
<IonTabs className="demo-sticky-bottom-sheet-example">
<IonRouterOutlet>
@@ -20,18 +20,6 @@ function DemoStickyBottomSheetExample() {
to="/demo-sticky-bottom-sheet-example/home"
/>
</IonRouterOutlet>
{/* */}
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/demo-sticky-bottom-sheet-example/tab1">
<IonIcon icon={cloudOutline} />
<IonLabel>Dashboard</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/demo-sticky-bottom-sheet-example/tab2">
<IonIcon icon={searchOutline} />
<IonLabel>Search</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
);
}