<template>
  <view class="ordersubPrice">
    <view class="pri">
      <view class="left">{{desc}}</view>
      <view class="price"  v-if="ifyh">
        <text class="icon yh">-￥</text>
        <text class="qian yh">{{pri}}</text>
      </view>
      <view class="price" v-else>
        <text class="icon">￥</text>
        <text class="qian" >{{pri}}</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "ordersubPrice",
  props: {
    desc: {
      type: String
    },
    pri: {
      type: String
    },
    ifyh: {
      type: Boolean
    }
  }
};
// 订单提交页面  各种其他费用
// desc  费用名称  pri  价格  ifyh 是否使用优惠券
</script>

<style lang="scss">
.ordersubPrice {
  font-size: 27upx;
  .pri {
    display: flex;
    justify-content: space-between;
    margin-top: 34upx;
    .left {
      margin-left: 30upx;
    }
    .price {
      color: #df3348;
      margin-right: 30upx;
      .icon {
        font-size: 31upx;
      }
      .qian {
        font-size: 29upx;
      }
    }
    .yh {
      color: #53b01f;
    }
  }
}
</style>