FUI

使用Vue 3.2+命令空间组件

环境要求

1. Vue 3.2+环境
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 |

可使用的工具

| 工具名 | |:--------------| | Animation | | Media | | Page | | AndroidNative | | Title | | CustomTitle | | Runtime | | AutoImportFUI |

License

The MIT License (MIT)

Keywords

FUI UI Vue Vue3