fix: 修复图片在ios上显示不出来的问题

src/views/LoanDetail/index.less

@@ -11,10 +11,10 @@
     width: 375px;
     .block1 {
       z-index: 3;
-     
+
       .bd1 {
         z-index: 4;
-        background: url('../../assets/img/loan_detail_bg.png');
+        background: url("../../assets/img/loan_detail_bg.png");
         background-size: cover;
         width: 375px;
         height: 311px;
@@ -42,17 +42,27 @@
       height: 22px;
       justify-content: space-between;
       margin: 60px 0 0 92px;
-      .icon4 {
+      .icon4Container {
+        display: inline-block;
         z-index: 168;
         width: 43px;
         height: 4px;
         margin-top: 10px;
+        .icon4 {
+          width: 100%;
+          height: 100%;
+        }
       }
-      .label4 {
+      .label4container {
+        display: inline-block;
         z-index: 158;
         width: 16px;
         height: 14px;
         margin-top: 3px;
+        .label4 {
+          width: 100%;
+          height: 100%;
+        }
       }
       .info4 {
         z-index: 157;
@@ -66,12 +76,17 @@
         line-height: 22px;
         text-align: center;
       }
-      .icon5 {
+      .icon5container {
+        display: inline-block;
         z-index: 171;
         width: 43px;
         height: 4px;
         transform: rotateY(180deg);
         margin-top: 10px;
+        .icon5 {
+          width: 100%;
+          height: 100%;
+        }
       }
     }
     .block8 {
@@ -120,7 +135,7 @@
             height: 1px;
             // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng460c724e5a38942b9c99f98b1c0ec8e82981fb1b2684be19ea8299dfb42cab31)
             //   0px 0px no-repeat;
-            border-bottom: 1px dotted #A3ABE0;
+            border-bottom: 1px dotted #a3abe0;
             margin-top: 12px;
           }
           .layer5 {
@@ -136,8 +151,8 @@
             width: 46px;
             height: 1px;
             // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng460c724e5a38942b9c99f98b1c0ec8e82981fb1b2684be19ea8299dfb42cab31)
-              // 0px 0px no-repeat;
-              border-bottom: 1px dotted #A3ABE0;
+            // 0px 0px no-repeat;
+            border-bottom: 1px dotted #a3abe0;
             margin-top: 12px;
           }
           .layer7 {
@@ -154,7 +169,7 @@
             height: 1px;
             // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng460c724e5a38942b9c99f98b1c0ec8e82981fb1b2684be19ea8299dfb42cab31)
             //   0px 0px no-repeat;
-            border-bottom: 1px dotted #A3ABE0;
+            border-bottom: 1px dotted #a3abe0;
             margin-top: 12px;
           }
           .layer9 {
@@ -274,18 +289,28 @@
       height: 22px;
       justify-content: space-between;
       margin: 30px 0 0 91px;
-      .icon6 {
+      .icon6container {
+        display: inline-block;
         z-index: 86;
         width: 43px;
         height: 4px;
         margin-top: 10px;
+        .icon6 {
+          width: 100%;
+          height: 100%;
+        }
       }
-      .label5 {
+      .label5container {
         z-index: 76;
         width: 16px;
         height: 14px;
         margin-top: 3px;
+        .label5 {
+          width: 100%;
+          height: 100%;
+        }
       }
+
       .word8 {
         z-index: 75;
         width: 64px;
@@ -298,12 +323,16 @@
         line-height: 22px;
         text-align: center;
       }
-      .label6 {
+      .label6Container {
         z-index: 89;
         width: 43px;
         height: 4px;
         transform: rotateY(180deg);
         margin-top: 10px;
+        .label6 {
+          width: 100%;
+          height: 100%;
+        }
       }
     }
     .block10 {

src/views/LoanDetail/index.vue

@@ -189,10 +189,16 @@ export default defineComponent({
               </div>
             </div>
             <div class="block7 flex-row">
-              <img class="icon4" src={leftBg} />
-              <img class="label4" src={crown} />
+              <div class="icon4Container">
+                <img class="icon4" src={leftBg} />
+              </div>
+              <div class="label4container">
+                <img class="label4" src={crown} />
+              </div>
               <span class="info4">申请流程</span>
-              <img class="icon5" src={leftBg} />
+              <div class="icon5container">
+                <img class="icon5" src={leftBg} />
+              </div>
             </div>
             <div class="block8 flex-col">
               <div class="layer1 flex-col">
@@ -222,10 +228,16 @@ export default defineComponent({
               </div>
             </div>
             <div class="block9 flex-row">
-              <img class="icon6" src={leftBg} />
-              <img class="label5" src={crown} />
+              <div class="icon6container">
+                <img class="icon6" src={leftBg} />
+              </div>
+              <div class="label5container">
+                <img class="label5" src={crown} />
+              </div>
               <span class="word8">产品详情</span>
-              <img class="label6" src={leftBg} />
+              <div class="label6Container">
+                <img class="label6" src={leftBg} />
+              </div>
             </div>
             <div class=" bg-white mx-5 rounded-2xl overflow-hidden mt-5">
               <div class="flex justify-between text-sm text-gray-800 border-b border-product-detail-bg">