<template>
	<div class="files-mai">
		<div class="files-mai-pir">
			<div class="files-mai1">
				<img src="@/assets/img/flies.png" alt="" srcset="">
				<div>点击虚线框内，<span style="color: #409EFF;">上传文件</span></div>
			</div>
			<div class="el-upload__tip" slot="tip">只能上传doc/docx文件，不支持上传其他类型文件</div>
		</div>
		<input type="file" accept=".doc, .docx" style="position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0;cursor: pointer;">
	</div>
</template>

<script>
</script>

<style lang="scss">
	.files-mai {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		position: relative;
		height: 150px;
		.files-mai-pir{
			height: 100%;
			.files-mai1 {
				height: 100%;
				color: #606266;
				font-size: 14px;
				text-align: center;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			
				img {
					width: 60px;
					height: 60px;
				}
			}
		}
	}
</style>