vue kaiui

kaios应用程序的VUE组件库。

• 安装
• 用法
  • 组件API
  • 样式
• 地位
  • 成分
  • 导航
  • 排版
  • 各种各样的
• 样式，颜色，字体
• 图标
• 贡献

安装

 npm install vue-kaiui

在您的main.js中添加

 import Vue from 'vue'
import App from './App.vue'

import VueKaiUI from "vue-kaiui" ; // !
Vue . use ( VueKaiUI ) // !

new Vue ( {
  render : h => h ( App ) ,
} ) . $mount ( '#app' )

用法

最重要的是，将所有组件放入<kaiui-content> root中，以便Kaiui可以为您管理所有软键和标头设计元素。

组件API

有关使用示例，请参见组件API文档和示例应用程序。

样式

您只需使用:root范围来覆盖样式中的CSS变量。所有主题CSS变量都在此处找到。

<style >

: root{
  - - primary - col or : red; 
  - - primary - dark - col or : darkred;
  ...
  --tabbar-tabs-selected-color : blue;
  ...
}

< / style >

地位

参见贡献。

成分

• 标题
• 选项卡
• 软件密钥
• 列表项目
• 分离器
• 复选框
• 按钮
• 输入
• 多线输入
• 烤面包
• 广播按钮（组）
• 进步
• 滑块（更新设计！）
• 日期/时间值选择器
• 对话框 /值选择器 /选项菜单
• 注意

导航

• 列表视图
• 选项卡视图
• 网格视图

排版

• 字体
• 离子图标

各种各样的

• 主题
• 翻译
• largetext
• 肖像/景观模式

样式，颜色，字体

印刷细节可以在此处找到。

在资产目录中可以找到标准化的样式，颜色和字体。

图标

Vue Kaiui使用了很棒的Ionicons图标。

图标在资产目录中找到。

贡献

在构建更多UI组件，编写测试等方面有很多工作要做。

请查看当前的开放问题和我们的贡献指南。

构建和测试项目运行：

npm install

npm run build

构建项目并创建API文档运行：

npm run release

---

感谢Adrian Machado的灵感。查看他的真棒Kaiui（kaios应用程序的React组件库）。

---