BJYSYBZ/YSGZYBZ_WXAPP/components/navigationBar/navigationBar.vue

<template>
	<view class="navigationBarBox">
		<view class="navigationBar">
			<image v-if="isBack" src="../../static/images/back_icon.png" @tap="tapHandle"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"navigationBar",
		props: {
			isBack: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			tapHandle(){
				this.$emit('toBack');
			}
		}
	}
</script>

<style lang="scss">
.navigationBarBox {
	background: #fff;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	text-align: center;
	height: $navigation-height;
	position: relative;
	>.navigationBar {
		bottom: 15px;
		position: absolute;
		width: 100%;
		>image {
			position: absolute;
			width: 10px;
			height: 18px;
			left: 10px;
			top: 0px;
			bottom: 0px;
			margin: auto;
		}
		>text {
		}
	}
}
</style>