no message

src/views/login/invite.vue

@@ -3,7 +3,9 @@ export default {
   name: "invite-page",
   components: {},
   data() {
-    return {};
+    return {
+      code: ''
+    };
   },
   mounted() {
   },
@@ -13,9 +15,15 @@ export default {
 
 <template>
   <div class="flex-common-css box-b align-items-center flex-justify-center">
-    <div class="fs-14 fc-f">
+    <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>
 
@@ -23,4 +31,18 @@ export default {
 .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>