update demo-react-login,

This commit is contained in:
louiscklaw
2025-06-08 19:07:38 +08:00
parent 2862cddb6b
commit 0d844eed3f
19 changed files with 643 additions and 115 deletions

View File

@@ -1,28 +1,33 @@
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 Tab1 from './AppPages/Tab1';
import Tab2 from './AppPages/Tab2';
import './theme/variables.scss';
import './style.scss';
import Home from './pages/Home';
import Login from './pages/Login';
import Signup from './pages/Signup';
function DemoReactLogin() {
return (
<IonTabs>
<IonRouterOutlet>
<Route exact path="/demo-react-login/tab1">
<Tab1 />
</Route>
<Route exact path="/demo-react-login/tab2">
<Tab2 />
<Route exact path="/demo-react-login/home">
<Home />
</Route>
<Redirect exact path="/demo-react-login" to="/demo-react-login/tab1" />
<Route exact path="/demo-react-login/signup">
<Signup />
</Route>
<Route exact path="/demo-react-login/login">
<Login />
</Route>
<Redirect exact path="/demo-react-login" to="/demo-react-login/home" />
</IonRouterOutlet>
{/* */}
{/*
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/demo-react-login/tab1">
<IonIcon icon={cloudOutline} />
@@ -33,6 +38,7 @@ function DemoReactLogin() {
<IonLabel>Search</IonLabel>
</IonTabButton>
</IonTabBar>
*/}
</IonTabs>
);
}