<template>
	<div class="item-title">
		<div class="title moren">{{ title }}</div>
		<div class="more hand" v-if="isShow === '1'" @click="loadMore">更多>></div>
	</div>
</template>

<script>
export default {
	props: {
		title: {
			type: String,
			default: ''
		},
		isShow: {
			type: String,
			default: '1'
		},
		topath: {
			type: String,
			default: '/home'
		}
	},
	methods: {
		loadMore() {
			this.$router.push(this.topath);
		}
	}
};
</script>

<style lang="scss" scoped>
.item-title {
	border-bottom: 2px solid #0165b5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 8px;
	.title {
		text-align: center;
		font-size: 20px;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #ffffff;
		padding: 15px;
		background-color: #0165b5;
	}
	.more {
		display: inline-block;
		font-size: 14px;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #0165B5;
	}
}
</style>
