KaiUI
1.0.0
UI组件库,用于构建KAIOS应用程序。使用手机的D-Pad和Softkeys可以导航所有组件和视图。
注意:某些组件的样式规格最近已更新,这尚未反映在此实施中。请参阅Medium上的KAIOS博客文章。
Kaiui尚未部署到NPM。构建和播放演示应用程序运行:
npm install
npm start
要在Kaios模拟器中使用,您必须构建
npm build
并在运行前手动更新index.html的JS和CSS文件的哈希。
所有规格都可以在这里找到
| 姓名 | 预览 | 规格 |
|---|---|---|
| 标题 | ![]() | ![]() |
| 选项卡 | ![]() | ![]() |
| 软键 | ![]() | ![]() |
| 文本列表项目 | ![]() | ![]() |
| 正文文字清单项目 | ![]() | |
| 图标列表项目 | ![]() | |
| 箭头列表项目 | ![]() | |
| 分离器 | ![]() | ![]() |
| 复选框 | ![]() | ![]() |
| 广播按钮 | ![]() | |
| 进度下载 | ![]() | ![]() |
| 进步缓冲 | ![]() | |
| 滑块 | ![]() | ![]() |
| 按钮 | ![]() | ![]() |
| 输入 | ![]() | ![]() |
导航详细信息可以在此处找到
| 姓名 | 预览 |
|---|---|
| tabview | ![]() |
| ListView | ![]() |
| 姓名 | 预览 | 规格 |
|---|---|---|
| 烤面包 | ![]() | ![]() |
当您在应用程序运行时使用标准通知API时,KAIOS本身会提供通知,如果您需要推送通知,则通知。安装的应用需要通过清单文件请求此功能。只需将此行添加到您manifest.webapp的权限部分。webapp文件。
"desktop-notification": {}
添加此信息后,您可以在不需要请求许可的情况下发送用户通知。
标准化的颜色和字体样式在主题目录中找到。这些遵循KAIOS的版式标准。目前,您可以通过道具自定义组件的焦点颜色,字体颜色是WIP。
Kaiui使用Kaios开发人员门户网站上提供的自定义图标。这些包含在Kai-Icons字体中,并作为SASS/CSS类合并。
在构建更多UI组件,编写测试和集成键入(可能使用流)方面,还有很多工作要做。请查看当前的开放问题和我们的贡献指南