<script>
export default {
  name: "invite-page",
  components: {},
  data() {
    return {
      code: ''
    };
  },
  mounted() {
  },
  methods: {},
}
</script>

<template>
  <div class="flex-common-css box-b align-items-center flex-justify-center">
    <div class="fs-14 fc-f mb-10">
      请输入邀请码
    </div>
    <div class="w-80 mb-50">
      <el-input v-model="code" placeholder="请输入邀请码"></el-input>
    </div>
    <div class="but-b b-rad-20 text-align-center fc-f fs-14">
      确认绑定
    </div>
  </div>
</template>

<style scoped lang="scss">
.box-b {
  background-image: linear-gradient(46deg, #3364d1, #42d6dd);
}
::v-deep .el-input__inner{
  height: 50px;
  border: none;
  border-radius: 10px;
}
.w-80{
  width: 80%;
}
.but-b{
  background-image: linear-gradient(46deg, #7a8fbf, #59b3b7);
  width: 60%;
  line-height: 40px;
  border: 1px solid #fff;
}
</style>
