<template>
	<div class="enter">
		<div class="enter-both">
			<div class="enter-title">
				<h4>
					<router-link to="/enterprise/authortitle"><i class="iconfont icon-fanhui"></i></router-link>
					<span>企业认证</span>
				</h4>		
			</div>
			<div class="both">
				<ul class="content">
					<li v-for="item in list">
						<span class="name">{{item.name}}</span>
						<p v-if="item.state==1" class="blue">
						<span>已实名</span>
						<i class="iconfont icon-arrowright"></i>
					  </p>
					  <p v-else class="red">
						<span>未认证</span>
						<i class="iconfont icon-arrowright"></i>
					  </p>
					</li>
					<div class="bottom">
						添加企业认证
						<router-link to="/enterprise">
							<p><img src="../assets/img/drawable-mdpi/add.png"></p>
						</router-link>
					</div>
				</ul>
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		data(){
			return{
				list:[
				{
           name:'杭州复杂美科技有限公司',
           state:1
				},
				{
           name:'杭州复杂美科技有限公司',
           state:0
				},
				{
           name:'杭州复杂美科技有限公司',
           state:0
				},
				{
           name:'杭州复杂美科技有限公司',
           state:0
				},
				{
           name:'杭州复杂美科技有限公司',
           state:1
				},
				{
           name:'杭州复杂美科技有限公司',
           state:1
				},
				{
           name:'杭州复杂美科技有限公司',
           state:0
				},
				]
			}

		},
		mounted(){

		},
		methods:{
		}
	}
</script>
<style scoped>
	.enter{
			.enter-both{
			width: 100%;
			.enter-title{
				height: 3.041667rem;
				background: #60c0ff;
				width: 100%;
				h4{
					text-align: center;
					color: #fff;
					font-size: 0.472222rem;
					padding: 0.541667rem 0;
					position: relative;
					.icon-fanhui{
						float: left;
						margin-left: 0.513889rem;
						color: #fff !important;
					}
				  span{
				  	margin-left: -0.513889rem;
				  }
				}		
			}
			
	}
	.both{
	width: 100%;
		padding: 0 0.3rem;
		.content{
			float: left;
			margin-top: -1.1111rem;
			width: 100%;
			background-color: #fff;
			/*height: 8.055556rem;*/
			border-radius: 10px;
			margin-bottom: 1.388889rem;
			box-shadow: 0px 3px 21px 5px rgba(96, 192, 255, 0.35);
			padding: 0 0.291667rem;
			li{
				margin-top:0.888889rem;
				.name{
					font-size: 0.444444rem;
					color: #1491e2;
				}
				p{
					float: right;
					font-size: 0.333333rem;
					
				}
				.blue{
					color: #60c0ff;
				}
				.red{
					color: #f00;
				}
			}
			.bottom{
				height: 2.763889rem;
				border-top: 1px solid #60c0ff;
				margin-top: 0.888889rem;
				text-align: center;
				padding-top: 0.930556rem;
				font-size: 0.388889rem;
				color: #1491e2;
				p{
					width: 1.388889rem;
					height: 1.388889rem;
					background: #60c0ff;
					border-radius: 50%;
					margin:0 auto;
					margin-top: 0.55rem;
					img{
						width: 100%;

					}
				}
			}
		}
	}
}
</style>