<template>
  <div class="signUp">
    <div class="content">
      <div class="signUp_titile">营地报名</div>
      <div>
        <Breadcrumb> </Breadcrumb>
      </div>
    </div>
    <!-- <Confirm> </Confirm> -->
    <!-- <Invitation> </Invitation> -->
    <!-- <ReferInfo> </ReferInfo> -->
    <!-- <Pass> </Pass> -->
    <Paying> </Paying>
  </div>
</template>

<script>
import Breadcrumb from "c/breadcrumb";
import Confirm from "c/index/SignUp/confirm";
import Invitation from "c/index/SignUp/invitation";
import ReferInfo from "c/index/SignUp/referInfo";
import Pass from "c/index/SignUp/pass";
import Paying from "c/index/SignUp/paying";
export default {
  name: "signUp",
  components: {
    Breadcrumb,
    Confirm,
    Invitation,
    ReferInfo,
    Pass,
    Paying,
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" >
.flex {
  display: flex;
}

.signUp {
  background: #ffffff;
      width: 856px;
  .signUp_titile {
    font-size: 24px;
    font-weight: 500;
    color: #1b1419;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .content {
    padding: 50px;
  }
}
</style>
