mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-11-24 05:03:06 +00:00
27 lines
674 B
Rust
27 lines
674 B
Rust
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
rink::launch(app);
|
|
}
|
|
|
|
fn app(cx: Scope) -> Element {
|
|
let (radius, set_radius) = use_state(&cx, || 0);
|
|
|
|
cx.render(rsx! {
|
|
div {
|
|
width: "100%",
|
|
height: "100%",
|
|
justify_content: "center",
|
|
align_items: "center",
|
|
background_color: "hsl(248, 53%, 58%)",
|
|
onwheel: move |w| set_radius((radius + w.delta_y as i8).abs()),
|
|
|
|
border_style: "solid none solid double",
|
|
border_width: "thick",
|
|
border_radius: "{radius}px",
|
|
border_color: "#0000FF #FF00FF #FF0000 #00FF00",
|
|
|
|
"{radius}"
|
|
}
|
|
})
|
|
}
|