Browse Source

修改样式

lex 1 year ago
parent
commit
4fc10a1e6f

BIN
src/views/student-register/images/new/icon-n-9.png


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

@@ -401,6 +401,8 @@
       font-size: 15px;
       color: #666666;
       line-height: 22px;
+      display: flex;
+      align-items: center;
     }
 
     .van-field__control {
@@ -504,6 +506,7 @@
     .van-cell {
       background-color: transparent;
       padding: 8px 14px;
+      overflow: visible;
     }
   }
 
@@ -560,6 +563,21 @@
     }
   }
 
+  .checkedGroup {
+    position: relative;
+
+    .showBg {
+      position: absolute;
+      left: -17px;
+      top: -27px;
+      width: 52px;
+      height: 24px;
+      background: url('./images/new/icon-n-9.png') no-repeat center;
+      background-size: contain;
+      z-index: 9;
+    }
+  }
+
   .img {
     margin-right: 10px;
     width: 86px;

+ 15 - 6
src/views/student-register/index.tsx

@@ -11,7 +11,8 @@ import {
   RadioGroup,
   Radio,
   Picker,
-  closeToast
+  closeToast,
+  Popover
 } from 'vant';
 import {
   computed,
@@ -119,6 +120,7 @@ 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: '', // 支付类型
@@ -159,6 +161,7 @@ export default defineComponent({
       cancelButtonText: '取消',
       messageAlign: 'center' as 'left' | 'center' | 'right',
 
+      tipStatus: isCatchTip ? false : true,
       dialogConfirmStatus: false,
       contract_sign: false, // 是否实名认证
       countDownTimePay: 60 * 1000,
@@ -1615,11 +1618,15 @@ export default defineComponent({
               }}>
               {{
                 icon: () => (
-                  <i
-                    class={[
-                      styles.iconChecked,
-                      forms.joinType === 'digitalize' && styles.selected
-                    ]}></i>
+                  <div class={styles.checkedGroup}>
+                    <i
+                      class={[
+                        styles.iconChecked,
+                        forms.joinType === 'digitalize' && styles.selected
+                      ]}></i>
+
+                    {forms.tipStatus && <i class={styles.showBg}></i>}
+                  </div>
                 ),
                 title: () => (
                   <div class={styles.section}>
@@ -1990,6 +1997,8 @@ export default defineComponent({
               }
             } else if (otherParams.otherType === 'payment') {
               forms.joinType = 'tradition';
+              forms.tipStatus = false;
+              localStorage.setItem('isCatchTip', '1');
             }
           }}
           onConfirm={async () => {