<template>
  <view>
    <view class="choosesize" >
      <choosesizeTop v-on:changes="lx"></choosesizeTop>
      <view v-if="leixing==2">
        <choosesizeMid :type="leixing"></choosesizeMid>
        <view class="search">
          <choosesizeSearch></choosesizeSearch>
        </view>
      </view>
    </view>
    <view class="choosesizeChexing" v-if="leixing==1">
      <choosesizeChexing></choosesizeChexing>
    </view>
  </view>
</template>

<script>
import choosesizeTop from "../../components/choosesize/choosesize-top";
import choosesizeMid from "../../components/choosesize/choosesize-mid";
import choosesizeSearch from "../../components/choosesize/choosesize-search";
import choosesizeChexing from "../../components/choosesize/choosesize-chexing";
export default {
  methods: {
    onLoad() {
      console.log(663634);
    },

    lx(e) {
      console.log(e, 150);
      this.leixing = e;
    }
  },
  data() {
    return {
      leixing: 2
    };
  },
  components: {
    choosesizeTop,
    choosesizeMid,
    choosesizeSearch,
    choosesizeChexing
  }
};
</script>

<style lang="scss">
.choosesize {
  background-color: white;
}
page {
  background-color: #efefef;
}
.search {
  margin-top: 82upx;
}
</style>