Selaa lähdekoodia

feat: 团购政策修改

TIANYONG 4 kuukautta sitten
vanhempi
commit
699668d081
1 muutettua tiedostoa jossa 28 lisäystä ja 24 poistoa
  1. 28 24
      src/views/student-register/index-apply.tsx

+ 28 - 24
src/views/student-register/index-apply.tsx

@@ -219,7 +219,8 @@ export default defineComponent({
       orderNo: null as any,
       config: {} as any,
       paymentStatus: false,
-      orderTimer: null as any
+      orderTimer: null as any,
+      tipBoxPop: true, // 团购政策提示弹窗
     });
 
     /*
@@ -2167,30 +2168,33 @@ 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 class={styles.tipItem}>
-                <img src={tipIcon2} />
-                <p>买一赠二,即<span>团购一年,使用三年</span></p>
-              </li>
-              <li class={styles.tipItem}>
-                <img src={tipIcon3} />
-                <p><span>7天内无理由</span>全额退款保障</p>
-              </li>
-            </ul>
-            <div class={styles.tipBtn}>
-              <img src={tipBtnIcon} />
-              <span>我知道了(3s)</span>
+        {
+          state.tipBoxPop && 
+          <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 class={styles.tipItem}>
+                  <img src={tipIcon2} />
+                  <p>买一赠二,即<span>团购一年,使用三年</span></p>
+                </li>
+                <li class={styles.tipItem}>
+                  <img src={tipIcon3} />
+                  <p><span>7天内无理由</span>全额退款保障</p>
+                </li>
+              </ul>
+              <div class={styles.tipBtn}>
+                <img src={tipBtnIcon} />
+                <span onClick={() => state.tipBoxPop = false}>我知道了(3s)</span>
+              </div>
             </div>
-          </div>
-        </div>
+          </div>          
+        }
+
       </div>
     );
   }