<template>
  <div class="userDetail">
    <div>
      <h5>基本信息</h5>
      <ul>
        <li>
          <div>*用户姓名</div>
          <div>谢天</div>
        </li>
        <li>
          <div>*用户姓名</div>
          <div>谢天</div>
        </li>
        <li>
          <div>*用户姓名</div>
          <div>谢天</div>
        </li>
        <li>
          <div>*用户姓名</div>
          <div>谢天</div>
        </li>
        <li>
          <div>*用户姓名</div>
          <div>谢天</div>
        </li>
        <li>
          <div>*用户姓名</div>
          <div>谢天</div>
        </li>
      </ul>
      <div class="button">
        <el-button style="margin-right: 50px;">禁用</el-button>
        <el-button @click="back">返回</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'userDetail',

  data() {
    return {
      
    }
  },
  methods: {
    back() {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
	.userDetail>div {
		background: #fff;
	}
	.userDetail h5{
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		padding-left: 30px;
	}
	.userDetail ul{
		margin-top: 20px;
		margin-left: 100px;
	}
	.userDetail ul>li{
	margin-bottom: 50px;
	}
	.button{
		margin-left:300px ;
		padding-bottom: 50px;
	}
</style>
