<template>
	<div class="info_box">
		<div class="info_item space">
			<div class="info_item">
				<span class="no_word_wrap">姓名：</span>
				<span>{{ name }}</span>
			</div>
			<div class="info_item ml_10">
				<span class="no_word_wrap">ID：</span>
				<span>{{ user_id }}</span>
			</div>
		</div>
		<div class="info_item">
			<span class="no_word_wrap">邮箱：</span>
			<span>{{ email }}</span>
		</div>
		<div class="info_item">
			<span class="no_word_wrap">手机：</span>
			<span>{{ phone }}</span>
		</div>
	</div>
</template>

<script>
export default {
  props: {
    name: {
      type: String,
      default: ''
		},
		user_id: {
      type: [String, Number],
      default: ''
		},
		email: {
      type: String,
      default: ''
		},
		phone: {
      type: String,
      default: ''
		}
	}
}
</script>
