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

update kanban,

Browse Source
This commit is contained in:
louiscklaw
2025-06-06 13:44:21 +08:00
parent 43a285dd2c
commit 3bcb40c5ef
11 changed files with 1094 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
03_source/mobile/src/pages/DemoKanbanBoard/index.tsx
View File

@@ -1,38 +1,44 @@
import { IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from '@ionic/react';
import {
IonIcon,
IonLabel,
IonRouterOutlet,
IonSplitPane,
IonTabBar,
IonTabButton,
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 Tab1 from './AppPages/Tab1';
// import Tab2 from './AppPages/Tab2';
import './style.scss';
// import './style.scss';
import './theme/variables.scss';
import Menu from './components/Menu';
import Add from './pages/Add';
import Kanban from './pages/Kanban';
function DemoKanbanBoard() {
return (
<IonTabs>
<IonRouterOutlet>
<Route exact path="/demo-kanban-board/tab1">
<Tab1 />
</Route>
<Route exact path="/demo-kanban-board/tab2">
<Tab2 />
</Route>
<IonSplitPane contentId="main">
<Menu />
<IonRouterOutlet id="main">
<Route path="/demo-kanban-board/page/kanban" exact={true}>
<Kanban />
</Route>
<Redirect exact path="/demo-kanban-board" to="/demo-kanban-board/tab1" />
<Route path="/demo-kanban-board/page/add/:category_id">
<Add />
</Route>
</IonRouterOutlet>
</IonSplitPane>
<Redirect exact path="/demo-kanban-board" to="/demo-kanban-board/page/kanban" />
</IonRouterOutlet>
{/* */}
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/demo-kanban-board/tab1">
<IonIcon icon={cloudOutline} />
<IonLabel>Dashboard</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/demo-kanban-board/tab2">
<IonIcon icon={searchOutline} />
<IonLabel>Search</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
);
}