<template>
  <view class="choosebaoyangService">
      <view class="left">
          <img src="../../static/img/selected.png" alt=""  class="xz" v-if="ifxz"> 
           <img src="../../static/img/select.png" alt=""  class="xz" v-else> 
          <view class="service">
              <view class="name">{{serveName}}</view>
              <view class="desc">{{serveDesc}}</view>
          </view>
      </view>
      <view class="right">
          <text class="pri" v-if="yh">优惠券</text>
           <text class="qian" v-else>
               <text class="icon">￥</text>
               <text class="money">{{pri}}</text>
               </text>
      </view>
  </view>
</template>

<script>
export default {
    name:'choosebaoyangService',
    props:{
        yh:{
            type:Boolean,
            value:false
        },
        ifxz:{
            type:Boolean,
            value:false
        },
        pri:{
            type:Number
        },
        serveName:{
            type:String
        },
        serveDesc:{
            type:String
        }
    }
}
// youhui  是否有优惠那行  ifxz: 单选框是否有选中  pri  价格   servename  服务名称  servedesc  服务详情介绍
</script>

<style lang="scss">
.choosebaoyangService{
    height: 110upx;
    background-color: white;
    display: flex;
    justify-content: space-between;
    .left{
        display: flex;
        margin:auto 0;
        margin-left: 30upx;
        .xz{
            width: 42upx;
            height: 42upx;
            margin: auto 0;
            margin-right: 20upx;
        }
        .service{
            font-size: 27upx;
            color: #333333;
            .desc{
                font-size: 22upx;
                color:#999999;
            }
        }

    }
            .pri{
        color:#EC6515;
        font-size: 22upx;
        line-height: 75upx;
        margin-right: 32upx;
    }
      .qian{
            font-size: 29upx;
            color: #999999;
            line-height:75upx;
            margin-right: 34upx;
            .icon{
                    font-size:21upx;
            }
        }


}
</style>