添加

src/views/student-register/index.module.less

@@ -179,21 +179,8 @@
     padding-bottom: 0;
   }
 
-  // .title1,
-  // .title2 {
-  //   width: 285px;
-  //   height: 22px;
-  //   background: url('./images/new/title-1.png') no-repeat center;
-  //   background-size: contain;
-  //   margin: 0 auto;
-  // }
-
-  // .title2 {
-  //   background: url('./images/new/title-2.png') no-repeat center;
-  //   background-size: contain;
-  // }
-
-  .title1 {
+  .title1,
+  .title3 {
     width: 212px;
     height: 22px;
     background: url('./images/new/title-3.png') no-repeat center;
@@ -209,22 +196,10 @@
     margin: 0 auto;
   }
 
-  // .content {
-  //   padding-top: 12px;
-  //   padding-bottom: 10px;
-  //   font-size: 14px;
-  //   color: #506995;
-  //   line-height: 22px;
-  //   text-align: justify;
-  // }
-
-  // .functionGroup {
-  //   padding-top: 20px;
-
-  //   img {
-  //     width: 100%;
-  //   }
-  // }
+  .title3 {
+    background: url('./images/new/title-6.png') no-repeat center;
+    background-size: contain;
+  }
 
   .goodsGroup {
     display: flex;
@@ -307,6 +282,45 @@
   // margin: 0 12px;
   overflow: hidden;
 
+  .selectStudentGroup {
+    background: #EDF6FD;
+    border-radius: 8px;
+    margin: 20px 14px 0;
+    padding: 8px 0;
+    font-weight: 600;
+    font-size: 16px;
+    color: #1189FF;
+    line-height: 22px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .studentIcon {
+      display: inline-block;
+      margin-right: 6px;
+      width: 20px;
+      height: 20px;
+      background: url('./images/new/icon-n-5.png') no-repeat center;
+      background-size: contain;
+    }
+
+    span {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &::after {
+        display: inline-block;
+        content: '';
+        width: 9px;
+        height: 5px;
+        margin-left: 5px;
+        background: url('./images/new/icon-n-6.png') no-repeat center;
+        background-size: contain;
+      }
+    }
+  }
+
   :global {
     .van-cell {
       background-color: transparent;
@@ -679,4 +693,4 @@
       }
     }
   }
-}
+}

src/views/student-register/index.tsx

@@ -1091,14 +1091,10 @@ export default defineComponent({
           )}
 
           <div
-            class={[
-              styles.studentSection,
-              styles.studentSectionForm,
-              forms.giftVipDay <= 0 && styles.noSendDay
-            ]}
+            class={[styles.studentSection, styles.studentSectionForm]}
             // style={{ display: 'none' }}
           >
-            <div class={styles.title1}></div>
+            <div class={styles.title3}></div>
 
             <Form labelAlign="left" class={styles.registerForm}>
               <Field
@@ -1166,6 +1162,25 @@ export default defineComponent({
                     )
                 }}
               </Field>
+            </Form>
+          </div>
+
+          <div
+            class={[
+              styles.studentSection,
+              styles.studentSectionForm,
+              forms.giftVipDay <= 0 && styles.noSendDay
+            ]}
+            // style={{ display: 'none' }}
+          >
+            <div class={styles.title1}></div>
+
+            <Form labelAlign="left" class={styles.registerForm}>
+              <div class={styles.selectStudentGroup}>
+                <i class={styles.studentIcon}></i>
+                <span>新增学生</span>
+              </div>
+
               <Field
                 clearable={false}
                 required