BRS1.0/components/header/nav.vue

<template>
	<view class="nav-content">
		<view class="nav"><view class="log" v-if="navtype" @tap="clickOrder"></view>{{ navname }} <view class="up" v-if="navtypes">关于</view></view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
			}
		},
    props:{
			navname:{
				type:String,
				default:''
			},
			navtype:{
				type:Boolean,
				default:true
			},
			navtypes:{
				type:Boolean,
				default:false
			}
		},
		created(option) {
		},
		onLoad(){
		},
		onUnload() {
		},
		onShow() {
		},
		mounted() {
		},
		methods: {
      clickOrder () {
        this.$emit('fall')
			}
		},
	}
</script>
<style lang="scss" scoped>
.nav-content{
	>.nav{
		width: 100%;
		height: 4.375rem;
		display: flex;
		justify-content: center;
		align-items: center;
		// background: rgba(49,85,99,1);
		color: rgb(255, 255, 255);
		font-family: Noto Sans SC;
		font-size: 1rem;
		position: relative;
		>.log{
			width: .375rem;
			height: .75rem;
			font-size: .75rem;
			position: absolute;
			left: 1.5rem;
			background: url('../../static/ico.png') no-repeat;
			background-size: 100% 100%;
		}
		>.up{
			position: absolute;
			right: 1.5rem;
			color: rgb(255, 255, 255);
			font-family: Noto Sans SC;
			font-size: .875rem;
			font-weight: 500;
		}
	}
}

</style>