<template>
  <div class="statistics-bar">
    <div class="inner">
      <div class="col left">
        <div class="price">
          <p><span>¥ 183.0</span></p>
          <p><span>今日预估收入</span></p>
        </div>
        <div class="pre_price">
          上月预估收入: <span>¥ 1579.25</span>
        </div>
      </div>
      <div class="col right">
        <div class="price">
          <p><span>¥ 183.0</span></p>
          <p><span>本月预估收入</span></p>
        </div>
        <div class="pre_price">
          上月预估收入: <span>¥ 1579.25</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

/**
* @author: 过飞
* @createData: 2020年09月17日 13:59:48
* @version：v1.0
*
* @desc: 功能描述
*/
export default {
  name: '',

  components: {},

  mixins: [],

  props: {},

  data() {
    return {

    }
  },

  computed: {},

  watch: {},

  created() { },

  mounted() { },

  methods: {}

}
</script>
<style lang="scss" scoped >
.statistics-bar {
  background-color: #fff;
  .inner {
    display: flex;
    justify-content: space-between;
    .col {
      flex: 1;
      .price {
        text-align: center;
        font-size: 14px;
        padding: 10px 0;
        & > p {
          margin: 0;
        }
        & > p:first-child {
          color: #ff0000;
          font-weight: blod;
        }
        & > p:nth-child(2) {
          color: #888;
          padding: 10px 0;
        }
      }
      .pre_price {
        text-align: center;
        font-size: 12px;
        border-top: 1px solid #eee;
        padding: 16px 0;
      }
    }
  }
}
</style>
