File-icons-vue NPM

file-icons-vue

file-icons-vue，为 Vue.js 项目提供文件图标的npm依赖库
file-icons-vue, a npm dependency package that provides file icons for Vue.js projects.
作者：zyyzyykk
源代码：https://github.com/zyyzyykk/file-icons-vue
npm地址：https://www.npmjs.com/package/file-icons-vue
更新时间：2024-04-29

⚡ 快速引入

1.安装依赖：建议安装最新版

# 全部图标
npm i file-icons-vue
# 常用图标
npm i file-icons-vue-min

2.在vue3项目中引入组件：

<template>
  <FileIcons 
     name="test.txt" width="30" height="30" 
     :isFolder="false" :style="{'float':'right'}" 
  />
</template>

<script>
// 引入文件图标组件
import FileIcons from 'file-icons-vue';

export default {
  name: 'App',
  components: {
    FileIcons
  }
}
</script>

<style>
</style>

🛸 预览

💡 功能说明

1.file-icons-vue 是一个用于展示文件后缀对应图标的vue3组件，已打包并发布在npm仓库中。file-icons-vue提供了丰富的图标集，包括常见的文件类型和扩展名，用于增强项目的可视化效果

2.组件接收的props参数：

参数名	类型	含义	说明
name	String	文件全名称	必传
width	String	图标宽度(px)	默认值为20px
height	String	图标高度(px)	默认值为20px
style	Object	图标自定义样式	对象中的宽高属性会覆盖上面的width、height
isFolder	Boolean	是否为文件夹	默认值为false