<template>
  <view class="proyearchoose">
    <view>
         <text class="desc">{{desc}}</text>
    <img src="../../static/img/arrow.png" alt class="arrow" v-if="ifarrow" />
    <view class="line" v-if="ifline"></view>
    </view>
 
    <view v-if="ifchoosecx">
       <text class="desc">{{cx}}</text>
      <img src="../../static/img/arrow.png" alt class="arrow" v-if="ifarrow" />
      <view class="line" v-if="ifline"></view>
    </view>
    
  </view>
</template>
<script>
export default {
  name: "proyearChoose",
  props: {
    ifarrow: {
      type: Boolean
    },
     ifchoosecx: {
      type: Boolean
    },
    desc: {
      type: String
    },
    ifline:{
        type:Boolean
    },
    cx:{
      type:String
    }
  }
};
</script>
<style lang="scss">
.proyearchoose {
  height: 90upx;
  display: flex;
  .desc {
    font-size: 26upx;
    color:#3C3A3C;
    line-height: 90upx;
    margin-left: 32upx;
    margin-right: 22upx;
  }
  .arrow {
    width: 11upx;
    height: 20upx;
  }
  .line {
    width: 722upx;
    height: 2upx;
    background: rgba(217, 217, 217, 1);
    margin:0 auto;
  }
}
</style>