css

src/views/enroll/index.vue

@@ -1,7 +1,17 @@
 <template>
   <div class="container">
+    <div class="top">
+      <img src="../../../src/assets/images/public/img.png" alt="" />
+    </div>
+
     <div class="main">
-      <el-form ref="formRef" :model="form" label-width="auto" :rules="rules">
+      <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>
@@ -82,20 +92,28 @@ const degree_options = [
 </script>
 <style scoped lang="scss">
 .container {
-  background: #0a7dfe;
+  background: #0075ff;
-  padding: 20px;
   width: 100vw;
   height: 100vh;
+  .top {
+    width: 100%;
+    img {
+      width: 100%;
+    }
+  }
 
   .main {
-    width: 100%;
+    width: 95%;
-    background: #ffffff;
-    border-radius: 20px 20px 4px 4px;
     padding: 20px;
-    margin-top: 200px;
+    box-sizing: border-box;
+    background: #ffffff;
+    border-radius: 20px;
+    margin: 0 auto;
+    margin-top: -2px;
   }
   .submit_btn {
     width: 100%;
+    background: #0a7dfe;
   }
 }
 </style>