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組件庫）。

---