<template>
  <view class="shaixuan">
    <shaixuanTop></shaixuanTop>
    <view class="shaixuanchoice">
      <shaixuanChoice></shaixuanChoice>
    </view>
    <view class="shaixuanchoice1">
      <shaixuanChoice1 v-on:tuijian="tj" v-on:ifsx="ifsx"></shaixuanChoice1>
    </view>
    <view class="shaixuantj" v-if="iftj">
         <shaixuantj :iftj="iftj" ></shaixuantj>
    </view>
    <view class="shaixuannull">
       <shaixuannull></shaixuannull>
    </view>
    <view class="condition">
      <shaixuancondition :ifcondition="ifcondition" v-on:condition="condition"></shaixuancondition>
    </view>

  </view>
</template>

<script>
import shaixuanTop from "../../components/shaixuan/shaixuan-top";
import shaixuanChoice from "../../components/shaixuan/shaixuan-choise";
import shaixuanChoice1 from "../../components/shaixuan/shaixuan-choice1";
import shaixuantj from "../../components/shaixuan/shaixuantj";
import shaixuannull from "../../components/shaixuan/shaixuan-null"
import shaixuancondition from "../../components/shaixuan/shaixuan-condition"
export default {
  components: {
    shaixuanTop,
    shaixuanChoice,
    shaixuanChoice1,
    shaixuantj,
    shaixuannull,
    shaixuancondition
  },
  data(){
    return {
      iftj:false,
      ifcondition:false
    }
  },
  methods:{
    tj(e){
      console.log(e)
      this.iftj=e
    },
    ifsx(e){
      console.log(e)
      if(e){
        this.ifcondition=true;
      }else{
         this.ifcondition=false;
      }
    },
    condition(e){
      console.log(e)
      this.ifcondition=e
    }
  }
};
</script>

<style lang="scss">
Page {
  background-color: #efefef;

  overflow: hidden;
}
.shaixuan {
  .shaixuanchoice {
    background-color: white;
    height: 50upx;
    position: relative;
    top: -19rpx;
  }
  .shaixuanchoice1{
    position: relative;
    top: -19upx;
  }
    .shaixuantj{
    position: relative;
    top: -19upx;
    z-index: 9999
  }
  .shaixuannull{
    position: absolute;
    top: 130upx;
    z-index: 999;
  }
}
</style>