• 基于 Vue3 的UI组件库

快速开始

Vue 版本

vue >= 3.5.35

安装

pnpm add sorix-ui

完整引入

import { createApp } from "vue";
import App from "./App.vue";
import SorixUI from "sorix-ui";

import "sorix-ui/theme/index.scss";

const app = createApp(App);
app.use(SorixUI);
app.mount("#app");

调整主题

主题可以通过使用 s-config-provider 组件调整。

<template>
  <s-config-provider :theme="theme">
    <RouterView />
  </s-config-provider>
</template>

<script lang="ts" setup>
  import { reactive } from "vue";

  const theme = reactive({
    lightTheme: {
      colorPrimary: "#1890ff",
    },
    darkTheme: {
      colorPrimary: "#1890ff",
    },
  });
</script>