bn-q-icon/pages/login/invite.vue

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

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

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