<template>
	<navigator :url="title.link.n" @click="$util.openOnly(title.link)" class="module-item-title" >
		<div class="tit">
			<moduleText :text="title.t" />
		</div>
		<div class="mo flex-y-center" v-if="title.m.s">
			<moduleText :text="title.m" />
			<!-- <text class="iconfont icon-jiantou"></text> -->
		</div>
	</navigator>
</template>

<script>
	import moduleText from './text.vue'
	export default {
		name: 'moduleTitle',
		props: ['title'],
		components: {
			moduleText
		}
	}
</script>
<style>
	 .module-item-title {
	  background: #fff;
	  position: relative;
	  z-index: 1;
	  font-size: 14px;
	  padding: 14px 12px;
	  border-bottom: 1px solid #eee;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	 .module-item-title .mo {
	  color: #666;
	}
.icon-jiantou{
	font-size: 20rpx;
}
</style>
