<template>
	<view class='content'>
		<view class="examinetop flexone">
			<view class="examinetopleft">
				<image src="../../static/userpic.png" mode=""></image>
			</view>
			<view class="examintopright">
				<view class='examinename'>我是用户昵称</view>
				<view class='examinelist flexone'>
					<view class='examineitem'>帮工</view>
					<view class='examineitem'>配送员</view>
					<view class='examineitem'>销售员</view>
				</view>
			</view>
		</view>
		<view class="helplist flexone">
			<view class="helpitem flexfour">
				<view class="helpitemtop">
					<image src="../../static/banggong.png" mode=""></image>
				</view>
				<view class="helpitemname">帮工考试</view>
			</view>
			<view class="helpitem flexfour">
				<view class="helpitemtop">
					<image src="../../static/car.png" mode=""></image>
				</view>
				<view class="helpitemname">配送员考试</view>
			</view>
			<view class="helpitem flexfour">
				<view class="helpitemtop">
					<image src="../../static/xiaoshou.png" mode=""></image>
				</view>
				<view class="helpitemname">销售员考试</view>
			</view>
		</view>
		<view class="examinrule">
			<view class='examineruletitle'>考试规则</view>
			<view class="examineruletext">
				考试规则考试规则考试规则考试
			规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则
			考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规则考试规
			则考试规则考试规则考试规则考试规则
			</view>
		</view>
	
	<!-- 底部导航 -->
	<view class="teacherfooter">
	  <view class="teacherfootitem" @click="footerseljump" data-id="1">
	    <view class="teacherfootitemtop shou">
	      <image :src="footersel==1?'../../static/tieziactive.png':'../../static/tiezi.png'"></image>
	    </view>
	    <view class="teacherfootname " :class="footersel==1?'activename':''">帖子</view>
	  </view>
	  <view class="teacherfootitem"  @click="footerseljump" data-id="2">
	    <view class="teacherfootitemtop shou">
	      <image :src="footersel==2?'../../static/fabu.png':'../../static/fabu.png'"></image>
	    </view>
	    <view class="teacherfootname" :class="footersel==2?'activename':''">发布</view>
	  </view>
	  <view class="teacherfootitem"  @click="footerseljump" data-id="3">
	    <view class="teacherfootitemtop shou">
	      <image :src="footersel==3?'../../static/examineactive.png':'../../static/examine.png'"></image>
	    </view>
	    <view class="teacherfootname" :class="footersel==3?'activename':''">考试</view>
	  </view>
	</view>	
		
	</view>
</template>

<script>
	import app from "../../App.vue";
	    export default {
	        data() {
	            return {
	                footersel:3
	            }
	        },
	        onLoad() {
	
	
	
	        },
	        methods: {
	           footerseljump(e){
	           	let id=e.currentTarget.dataset.id;
	           	if(id==1){
	           		uni.navigateTo({
	           			url:'/pages/luntan/luntan'
	           		})
	           	}else if(id==3){
	           		uni.navigateTo({
	           			url:"/pages/luntan/examine"
	           		})
	           	}
	           }
	      
	        }
	
	    }
</script>

<style>
	/* page{
		padding: 0 32rpx;
		box-sizing: border-box;
	} */
	.examinetop{
		padding: 32rpx 32rpx;
		box-sizing: border-box;
		border-bottom:1rpx solid #f5f5f5
		
	}
	.examineitem {
		height: 36rpx;
		padding: 0 28rpx;
		box-sizing: border-box;
		border-radius: 18rpx;
		border: 2rpx solid rgba(238, 238, 238, 1);
		color: #C29445;
		font-size: 22rpx;
		text-align: ceter;
		line-height: 36rpx;
		margin-right:32rpx;
	}
	.examineitem:last-child{
		margin-right:0
	}
	.examinetopleft{
		width:128rpx;
		height:128rpx;
		font-size: 0;
		border-radius: 50%;
	}
	.examinetopleft image{
		border-radius: 50%;
	}
	.helpitemtop{
		width:112rpx;
		height:112rpx;
		font-size: 0;
	}
	.helpitemname{
		color:#3D444C;
		font-size: 26rpx;
		text-align: center;
		margin-top:4rpx;
	}
	.examintopright{
		margin-left:28rpx;
	}
	.examinename{
		color:#3D454C;
		font-size: 28rpx;
		font-weight: bold;
	}
	.examinelist{
		margin-top:24rpx;
		
	}
	.helplist{
		padding: 32rpx 32rpx;
		box-sizing: border-box;
		border-bottom:16rpx solid #F9F9F9
	}
	.helpitem{
		margin-right:60rpx
	}
	.examinrule{
		padding: 32rpx;
		box-sizing: border-box;
	}
	.examineruletitle{
		color:#061220;
		font-size: 32rpx;
	}
	.examineruletext{
		color:#3D454C;
		font-size: 28rpx;
		margin-top:16rpx;
		line-height:40rpx;
	}
	
</style>