简体中文 | English

用于 SCX 的一些前端 UI 套件

NPM

npm install scx-ui

快速开始

1. 安装用于 ScxIcon 图标的 vite 插件 。

import {scxIconPluginUseJS} from 'scx-ui/vite-plugin/index.js';

export default {
    base: './',
    plugins: [scxIconPluginUseJS( // 或 scxIconPluginUseHtml
        'your-svg-root' //您自己的svg图标文件夹 , 也可以是一个数组 []
    )]
}

2. 安装 ScxIcon 图标组件 。

import {createApp} from 'vue';
import {ScxComponent} from 'scx-ui';
import App from './App.vue';
import 'scx-ui/style/default.css'; // 别忘了导入主题
import 'scx-ui/style/dark.css';
import 'scx-icon/register'; //如果 type = js 则需要再次引入虚拟模块

createApp(App)
    .use(ScxComponent)
    .mount('#app');

3. 使用 ScxIcon 图标组件 。

<!-- 你会看见一个笑脸图标 -->
<scx-icon icon="outlined-face-smile"/>

有关更多信息，请参阅 文档

Stats