修改样式

src/views/activation-code/index.tsx

@@ -7,6 +7,10 @@ import { postMessage } from '@/helpers/native-message';
 import { useRouter } from 'vue-router';
 import { Button, Field, Popup, showToast } from 'vant';
 import iconKey from './images/icon-key.png';
+import num1 from './images/num1.png'
+import num2 from './images/num2.png'
+import num3 from './images/num3.png'
+import num4 from './images/num4.png'
 import CodeDialog from './modal/code-dialog';
 import request from '@/helpers/request';
 import dayjs from 'dayjs';
@@ -134,19 +138,23 @@ export default defineComponent({
                 <h2>互通码使用须知：</h2>
                 <div class={styles.tips}>
                   <p>
-                    <i class={[styles.num, styles.num1]}></i>
+                    {/* <i class={[styles.num, styles.num1]}></i> */}
+                    <img src={num1} class={styles.num} />
                     互通码只可使用一次，不能重复使用；
                   </p>
                   <p>
-                    <i class={[styles.num, styles.num2]}></i>
+                    {/* <i class={[styles.num, styles.num2]}></i> */}
+                    <img src={num2} class={styles.num} />
                     为确保安全，请勿将互通码泄露，以免造成不必要的损失；
                   </p>
                   <p>
-                    <i class={[styles.num, styles.num3]}></i>
+                    {/* <i class={[styles.num, styles.num3]}></i> */}
+                    <img src={num3} class={styles.num} />
                     互通码请尽快激活使用，避免互通码过期；
                   </p>
                   <p>
-                    <i class={[styles.num, styles.num4]}></i>
+                    {/* <i class={[styles.num, styles.num4]}></i> */}
+                    <img src={num4} class={styles.num} />
                     互通码内容以实际购买页面内容为准。
                   </p>
                 </div>

src/views/activation-code/instrument-registration/index.module.less

@@ -122,24 +122,25 @@
     line-height: 21px;
 
     p {
-      display: flex;
-      align-items: center;
+      // display: flex;
+      // align-items: center;
     }
-    i {
+    .num {
       display: inline-block;
       margin-right: 5px;
       width: 14px;
       height: 14px;
+      vertical-align: text-top;
     }
 
-    .num1 {
-      background: url('../images/num1.png') no-repeat center;
-      background-size: contain;
-    }
-    .num2 {
-      background: url('../images/num2.png') no-repeat center;
-      background-size: contain;
-    }
+    // .num1 {
+    //   background: url('../images/num1.png') no-repeat center;
+    //   background-size: contain;
+    // }
+    // .num2 {
+    //   background: url('../images/num2.png') no-repeat center;
+    //   background-size: contain;
+    // }
   }
 
   .pBtnGroup {

src/views/activation-code/instrument-registration/index.tsx

@@ -7,6 +7,8 @@ import bannerBg from './images/banner.png';
 import request from '@/helpers/request';
 import { useRouter } from 'vue-router';
 import { browser, checkPhone } from '@/helpers/utils';
+import num1 from '../images/num1.png'
+import num2 from '../images/num2.png'
 
 export default defineComponent({
   name: 'instrument-registration',
@@ -14,7 +16,7 @@ export default defineComponent({
     const router = useRouter();
     const state = reactive({
       progressRate: 0,
-      statusShow: false,
+      statusShow: true,
       mobile: '',
       loading: false
     });
@@ -115,10 +117,12 @@ export default defineComponent({
               互通互联检测未通过，可能存在以下原因：
               <div class={styles.contentTip}>
                 <p>
-                  <i class={styles.num1}></i>所在学校未开启互通互联
+                  <img src={num1} class={styles.num} />
+                  所在学校未开启互通互联
                 </p>
                 <p>
-                  <i class={styles.num2}></i>未激活数字化工具
+                  <img src={num2} class={styles.num} />
+                  未激活数字化工具
                 </p>
               </div>
             </div>