一个 HTML5 网页外观库, 基于自定义元素(custom elements)提供组件化的原生 TypeScript 开发体验。 需要浏览器支持 ES6 。
正在开发中...
- 顶部标题栏
ya-top-app-bar
- 图标按钮
ya-icon-button
- 和菜单内图标的兼容性
- 等待动画圆圈
ya-loading-spinner
- 按钮
ya-button
- 不可用状态
- 带有
ya-loading-spinner
的等待状态
- 带有
- 不可用状态
- 弹出式菜单
ya-menu
- 处理屏幕底端溢出的情况
- 可滚动区域
ya-scroll-view
- 跟随滚动自动隐藏顶部标题栏
- 内容面板
ya-view
- 正文面板
- 对话框
- 登录对话框
ya-dialog-login
- 响应式布局
- 可定制对话框
ya-dialog
- 登录对话框
- 文本框
ya-text-box
- 一般文本框
- 带标题(动画)文本框
- 支持多个正则表达式过滤和提示错误信息
- 下拉菜单
- 开关
ya-switch
- 临时提示框
ya-snackbar
- 进出动画
- 同时显示多个
- 支持四角显示
- 表格
ya-table
- 翻页功能
- 进度条
- 一般进度条
- 未知进度模式
- 条形构成图模式
- 圆形进度条
ya-progress-bar-circle
- 数值显示
- 一般进度条
demo
: 测试项目分支,为项目根目录。main
: 可由其他项目引用的主分支,位于src/libYAUI
。
- 先克隆 demo 分支:
git clone https://github.com/kagurazakayashi/yaui.git -b demo yaui
- 进入 src 文件夹:
cd yaui/src
- 初始化库分支(主分支):
git submodule init
- 更新子模块:
git submodule update --remote
- 返回项目根目录:
cd ..
- 下载第三方依赖:
npm i
- 运行:
npm run start
Copyright (c) 2022 KagurazakaYashi YAUI is licensed under Mulan PSL v2. You can use this software according to the terms and conditions of the Mulan PSL v2. You may obtain a copy of Mulan PSL v2 at: http://license.coscl.org.cn/MulanPSL2 THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE. See the Mulan PSL v2 for more details.