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

update demo-react-qr-code,

Browse Source
This commit is contained in:
louiscklaw
2025-06-07 10:36:15 +08:00
parent 5b680f2219
commit c3f680aa22
21 changed files with 885 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
03_source/mobile/src/pages/DemoReactQrCode/index.tsx
View File

@@ -3,38 +3,30 @@ import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs }
import { cloudOutline, searchOutline } 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';
function DemoReactQrCode() {
function DemoWeatherAppUi() {
return (
<IonTabs>
<IonRouterOutlet>
<Route exact path="/demo-react-qr-code/tab1">
<Route exact path="/demo-react-qr-code/home">
<Tab1 />
</Route>
<Route exact path="/demo-react-qr-code/tab2">
<Route exact path="/demo-react-qr-code/manual">
<Tab2 />
</Route>
<Redirect exact path="/demo-react-qr-code" to="/demo-react-qr-code/tab1" />
</IonRouterOutlet>
<Route exact path="/demo-react-qr-code/camera">
<Tab3 />
</Route>
{/* */}
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/demo-react-qr-code/tab1">
<IonIcon icon={cloudOutline} />
<IonLabel>Dashboard</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/demo-react-qr-code/tab2">
<IonIcon icon={searchOutline} />
<IonLabel>Search</IonLabel>
</IonTabButton>
</IonTabBar>
<Redirect exact path="/demo-react-qr-code" to="/demo-react-qr-code/home" />
</IonRouterOutlet>
</IonTabs>
);
}
export default DemoReactQrCode;
export default DemoWeatherAppUi;