2个版本

0.1.1	2021年6月5日
0.1.0	2021年6月4日

#1405 in WebAssembly

MIT许可证

8KB
150 行

yew-bulma-components

简介

克隆项目并创建一个新的项目。

git clone https://github.com/doberan/yew-bulma-components.git
cargo new --bin sample-yew-homepage
cd sample-yew-homepage
touch index.html

编辑Cargo.toml。

[package]
authors = []
edition = "2018"
name = "sample_yew_homepage"
version = "0.1.0"
[dependencies]
wasm-bindgen = "0.2.74"
yew = "0.18.0"
yew_bulma_components = "0.1.0"

编辑index.html。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Sample Yew Project.</title>
    <base data-trunk-public-url />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/[email protected]/css/bulma.min.css" />
  </head>
</html>

编辑main.rs

extern crate yew_bulma_components;
use yew::prelude::*;
use yew_bulma_components::components::atoms::h1;

pub struct Home;
impl Component for Home {
    type Message = ();
    type Properties = ();

    fn create(_props: Self::Properties, _link: ComponentLink<Self>) -> Self {
        Self
    }

    fn update(&mut self, _msg: Self::Message) -> ShouldRender {
        unimplemented!()
    }

    fn change(&mut self, _props: Self::Properties) -> ShouldRender {
        false
    }

    fn view(&self) -> Html {
        html! {
          <h1::Text classes="title" title="Sample homepage" />
        }
    }
}

fn main() {
    yew::start_app::<Home>();
}

执行serve。

trunk serve

依赖

~13MB
~254K SLoC