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

update demo-ecommerce-example,

Browse Source
This commit is contained in:
louiscklaw
2025-06-08 19:06:25 +08:00
parent 2b71d06c8d
commit c732d89c34
18 changed files with 1267 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
03_source/mobile/src/pages/DemoEcommerceExample/index.tsx
View File

@@ -3,23 +3,48 @@ 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 Home from './pages/Home';
import { fetchData } from './data/fetcher';
import CategoryProducts from './pages/CategoryProducts';
import Product from './pages/Product';
import FavouriteProducts from './pages/FavouriteProducts';
import CartProducts from './pages/CartProducts';
import './style.scss';
import React, { useEffect } from 'react';
function DemoEcommerceExample(): React.JSX.Element {
useEffect(() => {
fetchData();
}, []);
function DemoEcommerceExample() {
return (
<IonTabs>
<IonRouterOutlet>
<Route exact path="/demo-ecommerce-example/tab1">
<Tab1 />
</Route>
<Route exact path="/demo-ecommerce-example/tab2">
<Tab2 />
<Route path="/demo-ecommerce-example/home" exact={true}>
<Home />
</Route>
<Redirect exact path="/demo-ecommerce-example" to="/demo-ecommerce-example/tab1" />
<Route path="/demo-ecommerce-example/favourites" exact>
<FavouriteProducts />
</Route>
<Route path="/demo-ecommerce-example/cart" exact>
<CartProducts />
</Route>
<Route path="/demo-ecommerce-example/category/:slug" exact>
<CategoryProducts />
</Route>
<Route path="/demo-ecommerce-example/category/:slug/:id" exact>
<Product />
</Route>
<Redirect exact path="/demo-ecommerce-example" to="/demo-ecommerce-example/home" />
</IonRouterOutlet>
{/* */}