2023-06-13 12:43:15 +08:00
|
|
|
use crate::pages::*;
|
|
|
|
use leptos::*;
|
|
|
|
use leptos_router::*;
|
|
|
|
|
|
|
|
#[component]
|
2023-08-29 09:11:22 +08:00
|
|
|
pub fn App() -> impl IntoView {
|
|
|
|
view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<Router base="/melt-ui">
|
|
|
|
<Routes base="/melt-ui".to_string() >
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<Home />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/menu" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<MenuPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/slider" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<SliderPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/components" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<ComponentsPage />
|
|
|
|
} >
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/menu" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<MenuPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/slider" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<SliderPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/tabbar" view=move || view! {
|
2023-06-13 13:49:35 +08:00
|
|
|
<MobilePage path="/melt-ui?path=/mobile/tabbar" />
|
2023-06-13 12:43:15 +08:00
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/nav-bar" view=move || view! {
|
2023-06-13 13:49:35 +08:00
|
|
|
<MobilePage path="/melt-ui?path=/mobile/nav-bar" />
|
2023-06-13 12:43:15 +08:00
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/input" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<InputPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/image" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<ImagePage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/modal" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<ModalPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/button" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<ButtonPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/checkbox" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<CheckboxPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/toast" view=move || view! {
|
2023-06-14 18:19:59 +08:00
|
|
|
<MobilePage path="/melt-ui?path=/mobile/toast" />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/tabs" view=move || view! {
|
2023-06-18 22:13:32 +08:00
|
|
|
<TabsPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/select" view=move || view! {
|
2023-06-25 22:21:30 +08:00
|
|
|
<SelectPage />
|
|
|
|
} />
|
2023-06-13 12:43:15 +08:00
|
|
|
</Route>
|
|
|
|
</Routes>
|
|
|
|
<Routes base="/melt-ui/mobile".to_string()>
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/tabbar" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<TabbarPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/nav-bar" view=move || view! {
|
2023-06-13 12:43:15 +08:00
|
|
|
<NavBarPage />
|
|
|
|
} />
|
2023-08-29 09:11:22 +08:00
|
|
|
<Route path="/toast" view=move || view! {
|
2023-06-14 18:19:59 +08:00
|
|
|
<ToastPage />
|
|
|
|
} />
|
2023-06-13 12:43:15 +08:00
|
|
|
</Routes>
|
|
|
|
</Router>
|
|
|
|
}
|
|
|
|
}
|