<template>
	<view class="reverse-back-box" @click.stop="reverseBackBtn">
		<text class="iconfont" :style="{'color': iconColor}">&#xe603;</text>
	</view>
</template>

<script>
	import { reverseBack } from "@/utils/common.js"
	export default {
		name: 'reverse-back',
		props:{
			iconColor:{
				type:String,
				default:'#000'
			},
			path:{
				type:String,
				default:''
			}
		},
		data() {
			return {

			};
		},
		methods: {
			reverseBackBtn() {
				reverseBack(this.path)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.reverse-back-box {
		width: 37rpx;
		height: 37rpx;
		display: flex;
		align-items: center;
		height: 100%;
		font-size: 32rpx; 
	}
</style>