<template>
	<div class="title">
		<div class="title-name" >
			<slot>
			</slot>
		</div>
	</div>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		props: {
			orderData: {
				type: Object
			},
			hierarchy: {
				type: Number
			}
		},
		data() {
			return {

			}
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	@keyframes breath {
		from {
			opacity: 0.1;
		}

		50% {
			opacity: 1;
		}

		to {
			opacity: 0.1;
		}
	}

	@-webkit-keyframes breath {
		from {
			opacity: 0.1;
		}

		50% {
			opacity: 1;
		}

		to {
			opacity: 0.1;
		}
	}


	.title {
		width: 100%;
		height: 32px;
		display: flex;
		justify-content: space-between;
		text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
		position: relative;
		background: url('~@/assets/img/title-bg.png') center / 100% 100% no-repeat;

		.title-name {
			font-size: 19px;
			font-family: Alimama ShuHeiTi;
			font-weight: bold;
			font-style: italic;
			color: #cfdfec;
			margin-left: 15px;
		}

	


	}
</style>

