<template>
  <div class="wrapper">
    <span class="left">姓名: {{ data.userName }}</span>
    <span class="right">时间: {{ data.createTime }}</span>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
    },
  },
  created() {
    console.log("data", this.data);
  },
};
</script>

<style  lang="scss" scoped>
.wrapper {
  // width: 166px;
  height: 54px;
  background: #0d4f88;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  padding: 7px 7px 7px 8px;
  box-shadow: 0 0 20px -5px #0d4f88;
  border-radius: 4px;
  span {
    word-break: break-all;
    display: block;
    // vertical-align: top;
    // &.right {
    //   width: 90px;
    //   padding-left: 4px;
    // }
  }
}
</style>