<template>
  <div class="info">
    <div class="box-l">
      <i :class="icon" />
    </div>
    <div class="box-r">
      <p>{{ label }}</p>
      <p>{{ value }}</p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Info',
  props: {
    icon: {
      type: String,
      default: ''
    },
    label: {
      type: String,
      default: ''
    },
    value: {
      type: String,
      default: ''
    }
  }
}
</script>
<style scoped>
.info{
    display: inline-block;
    overflow: hidden;
}
.box-l{
    float: left;
    font-size:24px;
    color:#666;
    line-height: 47px;
}
.box-r{
    float: left;
    padding-left: 10px;
}
.box-r p{
    margin:0;
    line-height: 23.5px;
    font-size: 14px;
}
.box-r p:first-child{
    color:#888;
}
</style>
