Konsta UI Vue

Konsta UI - 是一個使用 Tailwind CSS 建構的免費開源行動 UI 元件框架。

<template>
  <k-app theme="ios">
    <k-page>
      <k-navbar title="My App" />

      <k-block strong>Hello world!</k-block>
    </k-page>
  </k-app>
</template>
<script>
  import { kApp, kPage, kNavbar, kBlock } from 'konsta/vue';

  export default {
    components: {
      kApp,
      kPage,
      kNavbar,
      kBlock,
    },
  };
</script>

它旨在開發具有 iOS 和 Android 原生外觀和風格的混合行動應用程式、Web Native 應用程式或 Web 應用程式。

強烈建議您在開始使用之前熟悉 Tailwind CSS 和 Vue.js 的基礎知識。

目前的文檔不涵蓋將 Konsta UI 應用程式編譯為 Cordova 或 Capacitor 應用程式的過程。它主要介紹 Konsta UI 以及如何使用其所有元件。要瞭解更多關於如何將您的應用程式編譯為可以在 iOS 和 Google Play 商店發佈的混合 Cordova 或 Capacitor 應用程式，請參閱其官方文檔。

Konsta UI 綜合範例也是一個很好的入門點，它為所有 Konsta UI 元件提供了許多範例，涵蓋了大部分方面。

好的，首先我們需要學習如何安裝 Konsta UI