@ffpy/fui NPM | npm.io

FUI

使用Vue 3.2+命令空间组件

环境要求

Vue 3.2+环境
0.0.5+需要使用<script setup>

使用

1.方法一

手动导入组件

<template>
  <Box.Basic/>
  <Box.Wave/>
  <Box.Filter/>
  <Box.FilterWave/>
</template>

<script setup>
import {Box} from '@ffpy/fui';
</script>

2.方法二

自动导入组件在vue.config.js中配置插件

import vue from '@vitejs/plugin-vue'
import {defineConfig} from 'vite'
import {AutoImportFUI} from "@ffpy/fui";

export default defineConfig({
    plugins: [
        vue(),
        AutoImportFUI()
    ]
})

可使用的组件

命令空间	组件名
Box	Basic,Text,Wave,Filter,FilterWave
Text	Basic,Color
Button	Basic,Filter,FilterWave
Input	Basic,Color,Filter,FilterWave,Button,FilterButton,FilterWaveButton
List	Basic,Custom,Filter,Wave,FilterWave
Select	Basic,Filter,FilterWave
Tooltip	Basic,Custom
Accordion	Basic,Filter,FilterWave,Custom
Notification	Basic,Custom,Filter,FilterWave
Dialog	Basic,Filter,FilterWave,Custom
Image	Basic
Video	Basic
Menu	Custom,FilterCustom,FilterWaveCustom
Breadcrumb	Basic
Link	Basic,Icon,Route,IconRoute
CheckBox	Basic
Form	Button,CheckBox,Input,Select
Scroll	Basic,Horizontal,Vertical
Effect	StarryMove,MoveFont,Starry,Comment,Click1,Click2,Net,Line,Sakura,Input,Tree,BlackHole