lenn
/
dioxus-mirror
mirror da https://github.com/DioxusLabs/dioxus.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940
							//! This example shows how to use a custom index.html and custom <HEAD> extensions
//! to add things like stylesheets, scripts, and third-party JS libraries.

use dioxus::prelude::*;
use dioxus_desktop::Config;

fn main() {
    dioxus_desktop::launch_cfg(
        app,
        Config::new().with_custom_head("<style>body { background-color: red; }</style>".into()),
    );

    dioxus_desktop::launch_cfg(
        app,
        Config::new().with_custom_index(
            r#"
<!DOCTYPE html>
<html>
  <head>
    <title>Dioxus app</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>body { background-color: blue; }</style>
  </head>
  <body>
    <div id="main"></div>
  </body>
</html>
        "#
            .into(),
        ),
    );
}

fn app() -> Element {
    rsx! {
        div {
            h1 {"hello world!"}
        }
    }
}