refactor: mobile component

This commit is contained in:
luoxiao 2024-06-26 22:32:13 +08:00
parent 137bb5263c
commit 7c431f66b5
17 changed files with 35 additions and 42 deletions

View file

@ -43,9 +43,9 @@ fn TheRouter(is_routing: RwSignal<bool>) -> impl IntoView {
<Route path="/development/components" view=DevelopmentComponentsMdPage/> <Route path="/development/components" view=DevelopmentComponentsMdPage/>
</Route> </Route>
<Route path="/components" view=ComponentsPage> <Route path="/components" view=ComponentsPage>
<Route path="/tabbar" view=TabbarPage/> // <Route path="/tabbar" view=TabbarPage/>
<Route path="/nav-bar" view=NavBarPage/> // <Route path="/nav-bar" view=NavBarPage/>
<Route path="/toast" view=ToastPage/> // <Route path="/toast" view=ToastPage/>
<Route path="/accordion" view=AccordionMdPage/> <Route path="/accordion" view=AccordionMdPage/>
<Route path="/alert" view=AlertMdPage/> <Route path="/alert" view=AlertMdPage/>
<Route path="/anchor" view=AnchorMdPage/> <Route path="/anchor" view=AnchorMdPage/>
@ -90,9 +90,9 @@ fn TheRouter(is_routing: RwSignal<bool>) -> impl IntoView {
<Route path="/time-picker" view=TimePickerMdPage/> <Route path="/time-picker" view=TimePickerMdPage/>
<Route path="/upload" view=UploadMdPage/> <Route path="/upload" view=UploadMdPage/>
</Route> </Route>
<Route path="/mobile/tabbar" view=TabbarDemoPage/> // <Route path="/mobile/tabbar" view=TabbarDemoPage/>
<Route path="/mobile/nav-bar" view=NavBarDemoPage/> // <Route path="/mobile/nav-bar" view=NavBarDemoPage/>
<Route path="/mobile/toast" view=ToastDemoPage/> // <Route path="/mobile/toast" view=ToastDemoPage/>
</Routes> </Routes>
} }
} }

View file

@ -309,22 +309,22 @@ pub(crate) fn gen_menu_data() -> Vec<MenuGroupOption> {
}, },
], ],
}, },
MenuGroupOption { // MenuGroupOption {
label: "Mobile Components".into(), // label: "Mobile Components".into(),
children: vec![ // children: vec![
MenuItemOption { // MenuItemOption {
value: "/components/nav-bar".into(), // value: "/components/nav-bar".into(),
label: "Nav Bar".into(), // label: "Nav Bar".into(),
}, // },
MenuItemOption { // MenuItemOption {
value: "/components/tabbar".into(), // value: "/components/tabbar".into(),
label: "Tabbar".into(), // label: "Tabbar".into(),
}, // },
MenuItemOption { // MenuItemOption {
value: "/components/toast".into(), // value: "/components/toast".into(),
label: "Toast".into(), // label: "Toast".into(),
}, // },
], // ],
}, // },
] ]
} }

View file

@ -1,15 +1,15 @@
mod components; mod components;
mod home; mod home;
mod markdown; mod markdown;
mod mobile; // mod mobile;
mod nav_bar; // mod nav_bar;
mod tabbar; // mod tabbar;
mod toast; // mod toast;
pub use components::*; pub use components::*;
pub use home::*; pub use home::*;
pub use markdown::*; pub use markdown::*;
pub use mobile::*; // pub use mobile::*;
pub use nav_bar::*; // pub use nav_bar::*;
pub use tabbar::*; // pub use tabbar::*;
pub use toast::*; // pub use toast::*;

View file

@ -25,9 +25,9 @@ pub fn include_md(_token_stream: proc_macro::TokenStream) -> proc_macro::TokenSt
"InstallationMdPage" => "../docs/_guide/installation.md", "InstallationMdPage" => "../docs/_guide/installation.md",
"ServerSiderRenderingMdPage" => "../docs/_guide/server_sider_rendering.md", "ServerSiderRenderingMdPage" => "../docs/_guide/server_sider_rendering.md",
"UsageMdPage" => "../docs/_guide/usage.md", "UsageMdPage" => "../docs/_guide/usage.md",
"NavBarMdPage" => "../docs/_mobile/nav_bar/mod.md", // "NavBarMdPage" => "../docs/_mobile/nav_bar/mod.md",
"TabbarMdPage" => "../docs/_mobile/tabbar/mod.md", // "TabbarMdPage" => "../docs/_mobile/tabbar/mod.md",
"ToastMdPage" => "../docs/_mobile/toast/mod.md", // "ToastMdPage" => "../docs/_mobile/toast/mod.md",
"AccordionMdPage" => "../docs/accordion/mod.md", "AccordionMdPage" => "../docs/accordion/mod.md",
"AlertMdPage" => "../docs/alert/mod.md", "AlertMdPage" => "../docs/alert/mod.md",
"AnchorMdPage" => "../docs/anchor/mod.md", "AnchorMdPage" => "../docs/anchor/mod.md",

View file

@ -23,7 +23,6 @@ mod input;
mod layout; mod layout;
mod loading_bar; mod loading_bar;
mod message; mod message;
pub mod mobile;
mod modal; mod modal;
mod nav; mod nav;
mod popover; mod popover;

View file

@ -3,7 +3,6 @@ mod common;
use self::common::CommonTheme; use self::common::CommonTheme;
use crate::{ use crate::{
mobile::{NavBarTheme, TabbarTheme},
AlertTheme, AnchorTheme, BackTopTheme, CalendarTheme, MessageTheme, ProgressTheme, AlertTheme, AnchorTheme, BackTopTheme, CalendarTheme, MessageTheme, ProgressTheme,
ScrollbarTheme, SelectTheme, ScrollbarTheme, SelectTheme,
}; };
@ -23,8 +22,6 @@ pub struct Theme {
pub alert: AlertTheme, pub alert: AlertTheme,
pub message: MessageTheme, pub message: MessageTheme,
pub select: SelectTheme, pub select: SelectTheme,
pub nav_bar: NavBarTheme,
pub tabbar: TabbarTheme,
pub progress: ProgressTheme, pub progress: ProgressTheme,
pub calendar: CalendarTheme, pub calendar: CalendarTheme,
pub scrollbar: ScrollbarTheme, pub scrollbar: ScrollbarTheme,
@ -41,8 +38,7 @@ impl Theme {
alert: AlertTheme::light(), alert: AlertTheme::light(),
message: MessageTheme::light(), message: MessageTheme::light(),
select: SelectTheme::light(), select: SelectTheme::light(),
nav_bar: NavBarTheme::light(),
tabbar: TabbarTheme::light(),
progress: ProgressTheme::light(), progress: ProgressTheme::light(),
calendar: CalendarTheme::light(), calendar: CalendarTheme::light(),
scrollbar: ScrollbarTheme::light(), scrollbar: ScrollbarTheme::light(),
@ -58,8 +54,6 @@ impl Theme {
alert: AlertTheme::dark(), alert: AlertTheme::dark(),
message: MessageTheme::dark(), message: MessageTheme::dark(),
select: SelectTheme::dark(), select: SelectTheme::dark(),
nav_bar: NavBarTheme::dark(),
tabbar: TabbarTheme::dark(),
progress: ProgressTheme::dark(), progress: ProgressTheme::dark(),
calendar: CalendarTheme::dark(), calendar: CalendarTheme::dark(),
scrollbar: ScrollbarTheme::dark(), scrollbar: ScrollbarTheme::dark(),