# project-2

**Repository Path**: york_king/project-2

## Basic Information

- **Project Name**: project-2
- **Description**: No description available
- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 17
- **Created**: 2022-04-28
- **Last Updated**: 2022-04-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Project2

## Chip 组件的实现

参考 https://material.io/components/chips 这里，实现一个简单的 chip。因为我发现上面的 flutter 的代码和 web 生成的代码并没有很好的对应关系，而且按照 chip 的 web 代码生成的 html 展示效果也并不好。

测试代码如下：

### 带前置 icon 的 chip

```python
body=Container(
        Center(
                child=Chip(
                    avatar=Icon(Icons.remove),
                    label=Text("test"),
                ),
   )  
```

效果：

![img](./img/chip_1.PNG)

### 选中的 chip

```python
child=Chip(
      label=Text("test"),
      selected=True,
      disabled=True,
)
```

![img](./img/chip_2.PNG)

## Slider 组件的实现

 ~~参考 https://material.io/components/sliders/，实现了一个简单的 Slider。但是我发现自己实现的 slider 即使是生成的 html 代码是正确的（可以在本地的浏览器下正确渲染），但是也无法在项目下正常展示，具体表现为，Slider 的进度条实在显示在 0 位置，令人费解~~

```python
body=Container(
         Slider(
             value=0,
             _min=0,
             _max=100,
             label="test slider",
          ),
       ),
```

~~效果：~~
![img](./img/slider.PNG)


经同学提醒，发现是要加入 `javascript.mdc.slider.MDCSlider.new(e)` ，才能正确渲染，发现可以拖动了。