<template>
    <!-- 公共按钮 -->
	<div class="app-close" @click="close">
		<i class="iconfont" :class="[icon]"></i>
	</div>
</template>

<script>
export default {
	name: 'app-close',
	props: {
		icon: {
			type: String,
			default: 'iconclose'
		}
	},
	methods: {
		close() {
			this.$emit('close')
		}
	}
}
</script>

<style lang="scss" scope>
.app-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: $fontColor3;
	background-color: #fff;
	padding: 20px;
}
</style>
