修改样式

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

@@ -19,14 +19,14 @@
   background: linear-gradient(90deg, #FFBBD1 0%, #FFEFE2 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
   border-radius: 10px;
   margin: 0 14px 8px;
-  padding: 7px 12px 8px;
+  padding: 10px 12px;
   border: 1px solid #FFFFFF;
 
   &::before {
     content: '';
     position: absolute;
     top: 0;
-    left: 68px;
+    left: 11px;
     display: inline-block;
     width: 32px;
     height: 48px;
@@ -37,16 +37,18 @@
   .timer {
     display: flex;
     align-items: center;
+    justify-content: center;
   }
 
   .timerAll {
-    position: absolute;
+    // position: absolute;
     right: 12px;
     font-size: 12px;
     color: #131415;
     line-height: 17px;
     display: flex;
     align-items: center;
+    justify-content: center;
 
     span {
       display: flex;
@@ -66,20 +68,21 @@
 
   .timerTitle {
     position: relative;
-    width: 160px;
-    height: 36px;
+    width: 80px;
+    height: 15px;
+    margin-right: 4px;
   }
 
-  // .timerTip {
-  //   margin-top: 10px;
-  //   background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
-  //   border-radius: 12px;
-  //   text-align: center;
-  //   padding: 4px 6px;
-  //   font-size: 11px;
-  //   color: #69717C;
-  //   line-height: 16px;
-  // }
+  .timerTip {
+    margin-top: 10px;
+    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
+    border-radius: 12px;
+    text-align: center;
+    padding: 4px 6px;
+    font-size: 11px;
+    color: #69717C;
+    line-height: 16px;
+  }
 }
 
 .paymentContainer {
@@ -565,6 +568,7 @@
 
   .checkedGroup {
     position: relative;
+    line-height: 0;
 
     .showBg {
       position: absolute;

src/views/student-register/index.tsx

@@ -120,7 +120,6 @@ export default defineComponent({
     studentRegisterStore.setShoolId(route.query.sId as any);
     const countDownRef = ref();
     const mstickyRef = ref();
-    const isCatchTip = localStorage.getItem('isCatchTip');
     const forms = reactive({
       schoolId: route.query.sId as any,
       paymentType: '', // 支付类型
@@ -161,7 +160,7 @@ export default defineComponent({
       cancelButtonText: '取消',
       messageAlign: 'center' as 'left' | 'center' | 'right',
 
-      tipStatus: isCatchTip ? false : true,
+      tipStatus: true,
       dialogConfirmStatus: false,
       contract_sign: false, // 是否实名认证
       countDownTimePay: 60 * 1000,
@@ -1311,9 +1310,9 @@ export default defineComponent({
                   秒
                 </div>
               </div>
-              {/* <div class={styles.timerTip}>
+              <div class={styles.timerTip}>
                 为了确保您能顺利参与学习，请在规定时间内报名。
-              </div> */}
+              </div>
             </div>
           )}
 
@@ -1625,7 +1624,10 @@ export default defineComponent({
                         forms.joinType === 'digitalize' && styles.selected
                       ]}></i>
 
-                    {forms.tipStatus && <i class={styles.showBg}></i>}
+                    {/* {forms.tipStatus && <i class={styles.showBg}></i>} */}
+                    {forms.joinType === 'digitalize' && (
+                      <i class={styles.showBg}></i>
+                    )}
                   </div>
                 ),
                 title: () => (
@@ -1997,8 +1999,6 @@ export default defineComponent({
               }
             } else if (otherParams.otherType === 'payment') {
               forms.joinType = 'tradition';
-              forms.tipStatus = false;
-              localStorage.setItem('isCatchTip', '1');
             }
           }}
           onConfirm={async () => {