invite.vue 972 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <script>
  2. export default {
  3. name: "invite-page",
  4. components: {},
  5. data() {
  6. return {
  7. code: ''
  8. };
  9. },
  10. mounted() {
  11. },
  12. methods: {},
  13. }
  14. </script>
  15. <template>
  16. <view class="flex-common-css box-b align-items-center flex-justify-center">
  17. <view class="fs-14 fc-f mb-10">
  18. 请输入邀请码
  19. </view>
  20. <view class="w-80 mb-50">
  21. <input class="input-b" v-model="code" placeholder="" placeholder-class="text-align-center fs-14"></input>
  22. </view>
  23. <view class="but-b b-rad-20 text-align-center fc-f fs-14">
  24. 确认绑定
  25. </view>
  26. </view>
  27. </template>
  28. <style scoped lang="scss">
  29. .box-b {
  30. background-image: linear-gradient(46deg, #3364d1, #42d6dd);
  31. }
  32. .input-b{
  33. height: 50px;
  34. border: none;
  35. border-radius: 10px;
  36. background: #fff;
  37. text-align: center;
  38. }
  39. .w-80{
  40. width: 80%;
  41. }
  42. .but-b{
  43. background-image: linear-gradient(46deg, #7a8fbf, #59b3b7);
  44. width: 60%;
  45. line-height: 40px;
  46. border: 1px solid #fff;
  47. }
  48. </style>