<template>
<view class="pays">
        <view class="orderdetailPay">                                                                                         
            <view class="left">商品总额：</view>
            <view class="right">￥{{all}} </view>
    </view>
       <view class="orderdetailPay">                                                                                         
            <view class="left">优惠券：</view>
            <view class="right">-￥{{youhui}} </view>
    </view>
       <view class="orderdetailPay">                                                                                         
            <view class="left">运费：</view>
            <view class="right">+￥{{yunfei}} </view>
    </view>
</view>

</template>

<script>
export default {
    name:"orderdetailPay",
    props:{
            all:{
                    type:String
            },
            youhui:{
                    type:String
            },
            yunfei:{
                    type:String
            }
    }
}
</script>

<style lang="scss">
.pays{
        // height: 186upx;
        background-color: white;
             padding-top: 31upx;
     padding-bottom: 31upx;
}
.orderdetailPay{
    display: flex;
    justify-content: space-between;
     color:#868686;
     font-size: 26upx;
     line-height: 46upx;
     margin: auto 0;

     .left{
             margin-left: 20upx;
     }
     .right{
             margin-right: 25upx;
     }
}
</style>