#yew #yew-component #component #web

yew_quick

yew 框架快速开发组件库

3 unstable releases

0.2.2 Jun 15, 2023
0.2.0 Jun 2, 2023
0.1.0 Jun 1, 2023

#46 in #yew-component

MIT license

155KB
4K SLoC

yew 框架 快速开发组件库

目前组件如下:

组件 说明
Block 块(Fragment)
Box 同div,不包括flex
Flex 同flex布局的div
Image 图片
Line 线
Text 文本
TextEllipsis 文本,多行省略

使用如下:

use yew::prelude::*;
use yew_quick::prelude::*;

#[function_component]
fn App() -> Html {
    // size 表示 宽 高
    html! {
        <Box size="100% 500">
            <Flex flex={FlexWay::Frbc} size="200 600">
                <Image size="50" src="" />
                <Text color="red" >{"文本"}</Text>
            </Flex>
        </Box>
    }
}

Dependencies

~11–20MB
~269K SLoC