<template>
  <div>
    <BannerPage></BannerPage>
    <div class="body-wrapper">
      <InviteCode class="mg"></InviteCode>
      <DescPage class="mg"></DescPage>
    </div>
  </div>
</template>

<script>
import BannerPage from '../detail/components/banner';
import DescPage from '../components/desc';
import InviteCode from '../detail/components/invite-code';

export default {
  name: 'welcomePage',
  components: {
    BannerPage,
    DescPage,
    InviteCode
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>

.body-wrapper {
  padding: 0 20PX;
}

.tip {
  font-weight: bold;
  font-size: 40px;
}

.btn {
  display: inline-block;
  width: 200px;
  height: 60px;
  background-color: red;
  color: white;
  font-size: 20px;
  line-height: 60px;
}

.mg {
  margin: 0 auto;
  margin-bottom: 160px;
  text-align: center;

  &:last-child {
    margin-bottom: 0;
    padding-bottom: 120px;
  }
}

</style>