用于 SCX 的一些前端 UI 套件

NPM

npm install @scx-js/xxx

快速开始

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

import {scxIconPluginUseJS} from '@scx-js/scx-vite-plugin';

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

2. 安装 ScxIcon 图标组件.

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

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

3. 使用 ScxIcon 图标组件.

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