38 lines
1.2 KiB
Vue
38 lines
1.2 KiB
Vue
<template>
|
|
<view>
|
|
<template v-if="['doc', 'docx'].includes(item.split('.').pop())">
|
|
<file-word theme="outline" class="pointer" size="40" fill="#4a90e2" strokeLinecap="square"/>
|
|
</template>
|
|
<template v-else-if="['xls', 'xlsx'].includes(item.split('.').pop())">
|
|
<file-excel theme="outline" class="pointer" size="40" fill="#417505" strokeLinecap="square"/>
|
|
</template>
|
|
<template v-else-if="['pdf'].includes(item.split('.').pop())">
|
|
<file-pdf-one theme="outline" class="pointer" size="40" fill="#f5a623"
|
|
strokeLinecap="square"/>
|
|
</template>
|
|
<template v-else>
|
|
<el-image :src="item" style="width: 100px; height: 100px" fit="cover"
|
|
:preview-src-list="[item]"/>
|
|
</template>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {FileExcel, FilePdfOne, FileWord} from "@icon-park/vue";
|
|
|
|
export default {
|
|
name: "file-type",
|
|
components: {FilePdfOne, FileExcel, FileWord},
|
|
props: {
|
|
item: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
methods: {
|
|
},
|
|
}
|
|
</script> |