<template>
  <view class="ordersubPay">
    <view class="desc">
      <view>
        <text class="realpay">实付:</text>
        <text class="icon">￥</text>
        <text class="money">{{shifu}}</text>
      </view>
      <view class="hd">
        新人(除轮)）满
        <text class="full">{{full}}</text>元免邮
      </view>
    </view>
    <view class="btn" @click="pay">立即支付</view>
  </view>
</template>

<script>
export default {
  name: "ordersubPay",
  props:{
    shifu:{
      type:Number
    },
    full:{
      type:Number
    }
  },
  methods:{
    pay(){
      this.$emit("pay",true)
    }
  }
};
// shifu: 实际支付   full满多少减
</script>

<style lang="scss">
.ordersubPay {
  height: 123upx;
  background-color: white;
  display: flex;
  justify-content: space-between;
  .desc {
    color: #df3348;
    margin: auto 0;
    margin-left: 33upx;
    .realpay {
      font-size: 23upx;
      color: #666666;
    }
    .icon {
      font-size: 33upx;
    }
    .money {
      font-size: 31upx;
    }
  }
  .hd{
    color:#666666;
    font-size: 18upx;
    .full{
      color: #DF3348;
    }
  }
  .btn{
    width: 357upx;
    height:83upx;
    color:white;
    text-align: center;
    line-height: 83upx;
    background-color: #DF3348;
    margin: auto 0;
    font-size: 28upx;
  }
}
</style>