# IND-UI-LAYOUT

**Repository Path**: czzfcloudconent/ind-ui-layout

## Basic Information

- **Project Name**: IND-UI-LAYOUT
- **Description**: 一些写入芯片页面布局设置，由于考虑芯片大小问题，都是纯js+css实现的布局和组件样式
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-01
- **Last Updated**: 2024-05-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, CSS, 芯片UI, 硬件UI

## README

# IND-UI-LAYOUT

#### 介绍
一些写入芯片页面布局设置，由于考虑芯片大小问题，都是纯js+css实现的布局和组件样式

#### 架构
css+js+html



#### 使用说明

1.  整体流体容器，有设置最小最大值和拉框确保可有用性、兼容性
2.  为了方便查看布局每个div都设置了边框，如不需要请删除
    `div {
	border: 1px solid blue;
	}`
3.建议如想填充background-color,设置对应边框圆角更好看。

#### 更新中

1.  以完成两个demo布局。
2.  颜色组件编写中......

#### 烧录前将html编译成c文件

#### 预览

## demo1.html
![demo1.html](photo/demo1.PNG)
## demo2.html
![demo2.html](photo/demo2.PNG)
## demo3.html
![输入图片说明](photo/demo3.PNG)