oil-station/pos-uni/components/header/headers.vue

<template>

	<view class="my-header">
		<view class="my-icons" @click="gobock()">
			<slot></slot>
		</view>
		<view class="my-text">{{titles}}</view>
		<view class="my-icons" @click="clickChild()">
			{{type?'筛选':''}}
		</view>

	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			titles: String,
			type: String
		},
		mounted() {

		},
		methods: {
			gobock() {
				uni.navigateBack()
			},
			clickChild() {
				console.log("2222222222222222222222222")
				this.$emit('chiledEvent', 123);
			}
		}

	}
</script>

<style scoped lang="scss">
	.my-header {
		width: 100%;
		height: 88px;
		// background: linear-gradient(180deg, #B2D2FC 0%, rgba(255, 255, 255, 0.84) 100%);
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #fff;
		box-sizing: border-box;
		padding: 0px 15px;
		padding-top: 40px;
		z-index: 99999;
		background: #0864e9;
		position: fixed;
		top: 0px;

		.my-icons {
			width: 50px;

		}

		.my-text {
			font-weight: bold;
		}


	}
</style>