update demo pull state,

This commit is contained in:
louiscklaw
2025-06-06 14:22:22 +08:00
parent e4b6c5e92d
commit d6c87e33f0
11 changed files with 282 additions and 8 deletions

View File

@@ -1,16 +1,18 @@
import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';
import { cloudOutline, searchOutline } from 'ionicons/icons';
import { list, people } from 'ionicons/icons';
import { Route, Redirect } from 'react-router';
import Tab1 from './AppPages/Tab1';
import Tab2 from './AppPages/Tab2';
// import Tab1 from './AppPages/Tab1';
// import Tab2 from './AppPages/Tab2';
import './style.scss';
import Tab1 from './pages/Tab1';
import Tab2 from './pages/Tab2';
function DemoPullstateTutorial() {
return (
<IonTabs>
<IonTabs className="demo-pullstate-tutorial">
<IonRouterOutlet>
<Route exact path="/demo-pullstate-tutorial/tab1">
<Tab1 />
@@ -25,12 +27,12 @@ function DemoPullstateTutorial() {
{/* */}
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/demo-pullstate-tutorial/tab1">
<IonIcon icon={cloudOutline} />
<IonLabel>Dashboard</IonLabel>
<IonIcon icon={list} />
<IonLabel>List</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/demo-pullstate-tutorial/tab2">
<IonIcon icon={searchOutline} />
<IonLabel>Search</IonLabel>
<IonIcon icon={people} />
<IonLabel>Following</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>