<template>
  <div class="fee-detail">
    <div class="item">
      <div>平台用费：<i class="iconfont iconquestion icon-class" @click="onClick"></i></div>
      <div>-¥10.00</div>
    </div>
    <div class="item">
      <div>银行转账费（0.6%）：</div>
      <div>-¥10.00</div>
    </div>
    <div class="item">
      <div class="total-fee">实际收入：</div>
      <div class="fee">¥0.00</div>
    </div>

    <cube-dialog ref="dialog" ></cube-dialog>
  </div>
</template>

<script>
export default {
  name: 'OrderFee',
  data() {
    return {
      confirmBtn: {

      }
    }
  },
  methods: {
    onClick() {
      this.$refs.dialog.show();
    }
  }
};
</script>

<style lang="scss" scoped>
.item {
  display: flex;
  justify-content: space-between;
  color: #999;
  font-size: 28px;
  margin: 12px 0;
}

.total-fee {
  font-size: 28px;
  color: black;
}

.fee {
  font-size: 28px;
  color: red;
}

.icon-class {
  color: #d8d8d8;
  font-size: 26px;
  margin-left: 10px;
}
</style>