<template>
  <div>
    <h6>中间态（进行中）</h6>
    <bxs-result-status
      title="中间态..."
      type="wait"
      >
      <div
        class="bx-footer"
        slot="footer"
        >
        <p>申请时间：2017-07-12 12:22</p>
      </div>
    </bxs-result-status>
    <h6>成功</h6>
    <bxs-result-status
      title="成功!"
      type="success"
      />
    <h6>失败</h6>
    <bxs-result-status
      title="失败!"
      type="fail"
      />
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },
}
</script>
<style>
h6 {
  padding: 15px;
}
.bx-footer {
  padding: 10px 15px;
  color: #999999;
  font-size: 13px;
  position: relative;
}
.bx-footer::after {
  content: ' ';
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  left: 15px;
  right: 0;
  top: 0;
  transform: scaleY(0.5);
  border-bottom: 1px solid #e5e5e5;
}
</style>
