Procházet zdrojové kódy

feat: 报名页面修改

TIANYONG před 4 měsíci
rodič
revize
0d376c92aa

binární
src/views/student-register/images/tip-box-icon.png


binární
src/views/student-register/images/tip-btn-icon.png


binární
src/views/student-register/images/tip-title-icon.png


binární
src/views/student-register/images/tip1-icon.png


binární
src/views/student-register/images/tip2-icon.png


binární
src/views/student-register/images/tip3-icon.png


+ 35 - 0
src/views/student-register/index-apply.module.less

@@ -865,4 +865,39 @@
     font-size: 16px;
     margin-top: 6px;
   }
+}
+
+.tipBoxPop {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7);
+  overflow: hidden;
+  z-index: 999;
+  .tipBox {
+    background: url('./images/tip-box-icon.png') no-repeat center;
+    background-size: contain;
+    height: 310px;
+    width: auto;
+    padding-top: 124px;
+    .tipTitle {
+      width: 74px;
+      height: 21px;
+    }
+    .tipBtn {
+      img {
+        width: 190px;
+        height: 62px;
+      }
+    }
+    .tipItem {
+      display: flex;
+      align-items: center;
+      img {
+        width: 14px;
+        height: 14px;
+        margin-right: 5px;
+      }
+    }
+  }
 }

+ 30 - 2
src/views/student-register/index-apply.tsx

@@ -67,6 +67,11 @@ import UserAuth from './component/user-auth';
 import MMessageTip from '@/components/m-message-tip';
 import SelectStudent from './modal/select-student';
 import { vipGiftPeriodType } from '.';
+import tipTitleIcon from './images/tip-title-icon.png';
+import tipIcon1 from './images/tip1-icon.png';
+import tipIcon2 from './images/tip2-icon.png';
+import tipIcon3 from './images/tip3-icon.png';
+import tipBtnIcon from './images/tip-btn-icon.png';
 
 const classList: any = [];
 for (let i = 1; i <= 40; i++) {
@@ -2023,13 +2028,13 @@ export default defineComponent({
         </MPopup>
 
         {/* 是否在微信中打开 */}
-        <OWxTip
+        {/* <OWxTip
           show={forms.showTips}
           message={forms.showMessage}
           showButton={forms.showButton}
           buttonText="刷新"
           onConfirm={() => window.location.reload()}
-        />
+        /> */}
 
         <MMessageTip
           show={otherParams.showOtherSchool}
@@ -2162,6 +2167,29 @@ export default defineComponent({
             }}
           />
         </Popup>
+
+        <div class={styles.tipBoxPop}>
+          <div class={styles.tipBox}>
+            <img class={styles.tipTitle} src={tipTitleIcon} />
+            <ul>
+              <li class={styles.tipItem}>
+                <img src={tipIcon1} />
+                <p>开课时赠送<span>全新乐器一支</span></p>
+              </li>
+              <li>
+                <img src={tipIcon1} />
+                <p>买一赠二,即<span>团购一年,使用三年</span></p>
+              </li>
+              <li>
+                <img src={tipIcon1} />
+                <p><span>7天内无理由</span>全额退款保障</p>
+              </li>
+            </ul>
+            <div class={styles.tipBtn}>
+              <img src={tipBtnIcon} />
+            </div>
+          </div>
+        </div>
       </div>
     );
   }