<template>
	<span v-if="fileType =='xlsx' || fileType=='xls'">
		<el-icon :size="size"><sc-icon-Excel/></el-icon>
	</span>
	<span v-else-if="fileType=='doc' || fileType == 'docx'">
		<el-icon :size="size"><sc-icon-FileDoc/></el-icon>
	</span>
	<span v-else-if="fileType == 'pdf'">
		<el-icon :size="size"><sc-icon-FilePdf/></el-icon>
	</span>
	<span v-else-if="fileType == 'jpg'">
		<el-icon :size="size"><sc-icon-FileJpg/></el-icon>
	</span>
	<span v-else-if="fileType == 'png'">
		<el-icon :size="size"><sc-icon-FilePng/></el-icon>
	</span>
	<span v-else-if="fileType == 'jpeg'">
		<el-icon :size="size"><sc-icon-FileJpeg/></el-icon>
	</span>
	<span v-else-if="fileType == 'gif'">
		<el-icon :size="size"><sc-icon-FileGif/></el-icon>
	</span>
	<span v-else-if="fileType == 'bmp'">
		<el-icon :size="size"><sc-icon-FileBmp/></el-icon>
	</span>
	<span v-else-if="fileType == 'zip'">
		<el-icon :size="size"><sc-icon-FileZip/></el-icon>
	</span>
	<span v-else-if="fileType == 'rar'">
		<el-icon :size="size"><sc-icon-FileRar/></el-icon>
	</span>
	<span v-else-if="fileType == '7z'">
		<el-icon :size="size"><sc-icon-File7z/></el-icon>
	</span>
	<span v-else-if="fileType == 'tar'">
		<el-icon :size="size"><sc-icon-FileTar/></el-icon>
	</span>
	<span v-else-if="fileType == 'gz'">
		<el-icon :size="size"><sc-icon-FileGz/></el-icon>
	</span>
	<span v-else-if="fileType == 'bz2'">
		<el-icon :size="size"><sc-icon-FileBz2/></el-icon>
	</span>
	<span v-else-if="fileType == 'exe'">
		<el-icon :size="size"><sc-icon-FileExe/></el-icon>
	</span>
	<span v-else-if="fileType == 'dwg'">
		<el-icon :size="size"><sc-icon-FileDwg/></el-icon>
	</span>
	<span v-else-if="fileType == 'img'">
		<el-icon :size="size"><sc-icon-FileImg/></el-icon>
	</span>
	<span v-else-if="fileType == 'tgz'">
		<el-icon :size="size"><sc-icon-FileTgz/></el-icon>
	</span>
	<span v-else>
		<el-icon :size="size"><sc-icon-FileTxt/></el-icon>
	</span>
</template>

<script>
export default {
	name: "fileType",
	props:{
		fileType:{
			type:String,
			default:'txt'
		},
		size:{
			type:String,
			default:'large'
		}
	},
	data(){
		return{

		}
	},
	mounted() {

	},
	methods:{

	}
}
</script>

<style scoped lang="scss">
	span{
		display: flex;align-items: center;
		.el-icon{
			margin-right: 8px;
			display: flex;align-items: center;
		}
	}
</style>
