Browse Source

feat: 修改报名的文案提示

lex-wxl 3 weeks ago
parent
commit
d813611554
2 changed files with 70 additions and 43 deletions
  1. 9 1
      src/views/student-register/index.module.less
  2. 61 42
      src/views/student-register/index.tsx

+ 9 - 1
src/views/student-register/index.module.less

@@ -415,8 +415,16 @@
       // width: 100%
     }
     .showImg1 {
-      height: 47px;
+      // height: 47px;
       // width: 100%;
+      background: rgb(230 243 255);
+      font-size: 15px;
+      color: rgb(51 51 51);
+      padding: 10px 12px;
+      border-radius: 12px;
+      span {
+        color: rgb(11 134 254);
+      }
     }
 
     .memberNumer {

+ 61 - 42
src/views/student-register/index.tsx

@@ -1674,7 +1674,7 @@ export default defineComponent({
                 </div>
               </div>
               <div class={styles.timerTip}>
-                如未在规定时间内报名,学生将无法获捐乐器
+                请在规定时间内完成报名,以便为孩子准备乐器
               </div>
             </div>
           )}
@@ -1682,9 +1682,11 @@ export default defineComponent({
           <div class={[styles.studentSection, styles.studentSectionForm]}>
             <div class={styles.title4}></div>
             <div class={styles.videoContent}>
-              1. 在报名时,自愿选择课后乐器练习方式,可采用Ai方式练习,也可自行练习技巧和乐曲,无强制要求。
-              <br />
-              2. Ai对于练习的作用:提高90%以上学生演奏正确度;练习兴趣提升60%;专注力提升80%;练习效率提升70%,详情请观看视频了解。
+            1.全体学生均可领取免费乐器、音乐课免费学、免费参加晋级赛。<br />
+            2.居家乐器练习可选择AI辅助练习或自主练习,自愿选择、无强制,不影响乐器领取。<br />
+            3.AI辅助练习:由项目技术方提供,AI对标赛事标准,实时纠音纠节奏、智能测评,家长无需陪练,手机或平板即可操作,有助提升班级演奏整齐度,在比赛中更具优势。建议平时工作忙、没时间陪练,或担心练错的家长,可根据家庭实际情况自愿选择。<br />
+            4.AI练习所需的音乐数字课堂APP已完成教育部移动互联网应用备案(教APP备4200212号),安全合规可放心使用。该服务一次性费用为388元,使用期5年,无任何隐性消费、无后续续费,小学中高年段学生升至初中后仍可继续使用,同时支持15天无理由全额退款,充分保障家长权益。报名时自愿选择,不强制、不捆绑。<br />
+            5.具体可观看视频了解AI练习介绍
             </div>
             <div class={styles['video-content']}>
               <video
@@ -1950,7 +1952,7 @@ export default defineComponent({
                   });
                 }}>
                 <div class={styles.goodsInner}>
-                  <i class={styles.proposalTip2}></i>Ai练习
+                  <i class={styles.proposalTip2}></i>AI辅助练习
                 </div>
               </div>
               <div
@@ -1972,17 +1974,23 @@ export default defineComponent({
                     }, 50);
                   });
                 }}>
-                <div class={styles.goodsInner}>自练习</div>
+                <div class={styles.goodsInner}>自练习</div>
               </div>
             </div>
 
             {forms.joinType && (
               <div class={styles.goodsTypeGroup}>
                 {forms.joinType === 'digitalize' && (
-                  <img src={icon10} class={styles.showImg} />
+                  // <img src={icon10} class={styles.showImg} />
+                  <div class={styles.showImg1}>
+                    对标赛事标准,实时纠音纠节奏,智能测评,家长不用盯。无隐性消费,无后续消费,15天无理由全退。
+                  </div>
                 )}
                 {forms.joinType === 'tradition' && (
-                  <img src={icon11} class={styles.showImg1} />
+                  // <img src={icon11} class={styles.showImg1} />
+                  <div class={styles.showImg1}>
+                    孩子根据课堂所学自行练习,<span>自主把控练习准度与精度</span>
+                  </div>
                 )}
               </div>
             )}
@@ -2106,40 +2114,51 @@ export default defineComponent({
             <MSticky position="bottom" ref={mstickyRef}>
               <div class={styles.paymentContainer}>
                 {forms.joinType === 'digitalize' && (
-                  <>
-                    <div class={styles.payemntPrice}>
-                      {/* <img src={giftTip} class={styles.giftTip} /> */}
-                      <div>
-                        <span class={styles.needPrice}>
-                          <i style="font-style: normal">¥ </i>
-                          <span>{moneyFormat(calcPrice.value.amount)}</span>
-                          <i class={styles.unit} style="font-style: normal">
-                            /5年
-                          </i>
-                        </span>
-                        {calcPrice.value.originAmount >
-                        calcPrice.value.amount ? (
-                          <del class={styles.allPrice}>
-                            ¥ {moneyFormat(calcPrice.value.originAmount)}
-                          </del>
-                        ) : (
-                          ''
-                        )}
-                      </div>
-                    </div>
-                    <div
-                      class={styles.paymentBtn}
-                      onClick={() => {
-                        onSubmit();
-                      }}>
-                      <Button
-                        round
-                        disabled={forms.submitLoading}
-                        loading={forms.submitLoading}>
-                        Ai练习报名
-                      </Button>
-                    </div>
-                  </>
+                  // <>
+                  //   <div class={styles.payemntPrice}>
+                  //     <div>
+                  //       <span class={styles.needPrice}>
+                  //         <i style="font-style: normal">¥ </i>
+                  //         <span>{moneyFormat(calcPrice.value.amount)}</span>
+                  //         <i class={styles.unit} style="font-style: normal">
+                  //           /5年
+                  //         </i>
+                  //       </span>
+                  //       {calcPrice.value.originAmount >
+                  //       calcPrice.value.amount ? (
+                  //         <del class={styles.allPrice}>
+                  //           ¥ {moneyFormat(calcPrice.value.originAmount)}
+                  //         </del>
+                  //       ) : (
+                  //         ''
+                  //       )}
+                  //     </div>
+                  //   </div>
+                  //   <div
+                  //     class={styles.paymentBtn}
+                  //     onClick={() => {
+                  //       onSubmit();
+                  //     }}>
+                  //     <Button
+                  //       round
+                  //       disabled={forms.submitLoading}
+                  //       loading={forms.submitLoading}>
+                  //       Ai练习报名
+                  //     </Button>
+                  //   </div>
+                  // </>
+                  <div
+                  class={styles.traditionBtn}
+                  onClick={() => {
+                    onSubmit();
+                  }}>
+                  <Button
+                    round
+                    disabled={forms.submitLoading}
+                    loading={forms.submitLoading}>
+                    Ai练习报名
+                  </Button>
+                </div>
                 )}
 
                 {forms.joinType === 'tradition' && (