src/views/enroll/index.vue

@@ -1,25 +1,7 @@
 <template>
   <div class="container">
-    <div class="top">
-      <img src="../../../src/assets/images/public/img.png" alt="" />
-    </div>
-
     <div class="main">
-      <div class="submissionWasSuccessful" style="display: none">
+      <el-form ref="formRef" :model="form" label-width="auto" :rules="rules">
-        <img
-          src="../../../src/assets/images/public/ok.png"
-          alt=""
-          width="60%"
-        />
-        <div class="text">提交成功！</div>
-      </div>
-      <el-form
-        ref="formRef"
-        :model="form"
-        label-width="auto"
-        :rules="rules"
-        style=""
-      >
         <el-form-item label="姓名">
           <el-input v-model="form.name" />
         </el-form-item>
@@ -100,42 +82,20 @@ const degree_options = [
 </script>
 <style scoped lang="scss">
 .container {
-  background: #0075ff;
+  background: #0a7dfe;
+  padding: 20px;
   width: 100vw;
   height: 100vh;
-  .top {
-    width: 100%;
-    img {
-      width: 100%;
-    }
-  }
 
   .main {
-    width: 95%;
+    width: 100%;
-    padding: 50px 20px;
-    box-sizing: border-box;
     background: #ffffff;
-    border-radius: 20px;
+    border-radius: 20px 20px 4px 4px;
-    margin: 0 auto;
+    padding: 20px;
-    margin-top: -2px;
+    margin-top: 200px;
-    height: calc(100vh - 300px);
   }
   .submit_btn {
     width: 100%;
-    background: #0a7dfe;
-    height: 40px;
-    font-size: 16px;
-  }
-  .submissionWasSuccessful {
-    width: 100%;
-    text-align: center;
-    margin-top: 100px;
-    .text {
-      font-size: 20px;
-      font-weight: bold;
-      color: #333333;
-      margin-top: 10px;
-    }
   }
 }
 </style>