Konsta UI Vue

Konsta UI - 是一个免费的开源移动 UI 组件框架，使用 Tailwind CSS 构建。

<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>

它旨在开发混合移动应用程序、Web Native 应用程序或具有 iOS 和 Android 原生外观和感觉的 Web 应用程序。

强烈建议您在开始之前熟悉 Tailwind CSS 和 Vue.js 的基础知识。

当前文档不涵盖将 Konsta UI 应用程序编译到 Cordova 或 Capacitor 应用程序的过程。它与 Konsta UI 及其所有组件的使用方式有关。要详细了解如何将您的应用程序编译为可在 iOS 和 Google Play 商店发布的混合 Cordova 或 Capacitor 应用程序，请参考其官方文档。

Konsta UI 百宝箱 也是一个很好的入门地方，它包含 Konsta UI 所有组件的许多示例，涵盖了大多数方面。

好的，首先我们需要学习 如何安装 Konsta UI