修改样式

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

@@ -392,18 +392,18 @@
 
   :global {
     .van-cell {
-      padding: 18px 14px;
+      padding: 14px 14px;
     }
 
 
     .van-field__label {
-      font-size: 16px;
+      font-size: 15px;
       color: #666666;
       line-height: 22px;
     }
 
     .van-field__control {
-      font-size: 16px;
+      font-size: 15px;
       color: #131415;
     }
   }
@@ -493,10 +493,18 @@
 .goodsExtra {
   position: relative;
   margin: 1px 14px 16px;
-  background: #FFFFFF;
+  // background: #FFFFFF;
+  background: linear-gradient(180deg, rgba(219, 246, 253) 0%, rgba(255, 255, 255) 30%);
   border-radius: 16px;
+  border: 1px solid #FFFFFF;
   padding-bottom: 16px;
 
+  :global {
+    .van-cell {
+      background-color: transparent;
+    }
+  }
+
   .iconArrow {
     position: absolute;
     left: 86px;
@@ -574,8 +582,8 @@
   }
 
   .goodsName {
-    width: 112px;
-    height: 16px;
+    width: 188px;
+    height: 81px;
     line-height: 0;
   }
 

src/views/student-register/index.tsx

@@ -1318,7 +1318,7 @@ export default defineComponent({
             class={[
               styles.studentSection,
               styles.studentSectionForm,
-              forms.giftVipDay <= 0 && styles.noSendDay
+              styles.noSendDay
             ]}>
             {/* <div class={styles.title1}></div> */}
 
@@ -1523,7 +1523,7 @@ export default defineComponent({
                   forms.classStatus = true;
                 }}
               />
-              {forms.giftVipDay > 0 ? (
+              {/* {forms.giftVipDay > 0 ? (
                 <div class={styles.memberNumer}>
                   <img src={iconGift} class={styles.iconGift} />
 
@@ -1534,7 +1534,7 @@ export default defineComponent({
                 </div>
               ) : (
                 ''
-              )}
+              )} */}
             </Form>
           </div>
           {/* <div class={styles.studentSection}>
@@ -1628,16 +1628,13 @@ export default defineComponent({
                       src={forms.detailVip.goodsUrl || tuangou}
                     />
                     <div class={styles.sectionContent}>
-                      <h2>
-                        {/* {forms.detailVip.goodsName} */}
+                      <img src={icon5} class={styles.goodsName} />
+                      {/* <h2>
+
                         <img src={icon5} class={styles.goodsName} />
-                        {/* <Tag class={styles.brandName}>
-                          12个月
-                        </Tag> */}
                       </h2>
                       <p class={[styles.model]}>
-                        {/* 解决学生不会练、不知练的对错、家长无法辅导、无需再额外请老师 */}
-                        {/* {forms.detailVip.description} */}
+
                         <p>
                           <i></i>解决学生不会练、不知练的对错
                         </p>
@@ -1645,8 +1642,8 @@ export default defineComponent({
                           <i></i>家长无法辅导、无需再额外请老师
                         </p>
                       </p>
-                      {/* <span class={styles.sendInstrument}>赠送课堂乐器</span> */}
-                      <img src={icon6} class={styles.sendInstrument} />
+
+                      <img src={icon6} class={styles.sendInstrument} /> */}
                     </div>
                   </div>
                 )