BiKing/components/headModules/reverse-back.vue

<template>
	<view class="reverse-back-box" @click.stop="reverseBackBtn">
		<text class="iconfont" :style="{'color': iconColor}">&#xe8b5;</text>
		<slot name="extend"></slot>
	</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 {
		min-width: 50rpx;
		height: 50rpx;
		display: flex;
		align-items: center;
		height: 100%;
		.iconfont{
			font-size: 40rpx; 
		}
	}
</style>