2023-03-30 09:40:22 +08:00
|
|
|
use leptos::*;
|
|
|
|
use melt_ui::*;
|
|
|
|
|
|
|
|
fn main() {
|
|
|
|
mount_to_body(|cx| view! { cx, <App /> })
|
|
|
|
}
|
|
|
|
|
|
|
|
#[component]
|
|
|
|
pub fn App(cx: Scope) -> impl IntoView {
|
2023-03-30 22:54:46 +08:00
|
|
|
let (count, set_count) = create_signal(cx, 0.0);
|
2023-03-30 09:40:22 +08:00
|
|
|
let (open, set_open) = create_signal(cx, true);
|
|
|
|
view! { cx,
|
|
|
|
<div class="root">
|
2023-03-30 22:54:46 +08:00
|
|
|
<Button on:click=move |_| set_count.update(move |value| *value += 1.0)>"click"</Button>
|
2023-03-30 09:40:22 +08:00
|
|
|
{move || count.get()}
|
|
|
|
<Modal title=Some("".to_string()) open=open on_cancel=Some(Box::new(move || { set_open.set(false) }))>
|
|
|
|
"sd" {move || count.get()}
|
|
|
|
</Modal>
|
2023-03-30 22:54:46 +08:00
|
|
|
<Progress percentage=count/>
|
2023-03-30 09:40:22 +08:00
|
|
|
</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|