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

src/views/LoanDetail/index.less

@@ -14,7 +14,7 @@
 
       .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 {
@@ -137,7 +152,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;
           }
           .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,11 +189,17 @@ export default defineComponent({
               </div>
             </div>
             <div class="block7 flex-row">
+              <div class="icon4Container">
                 <img class="icon4" src={leftBg} />
+              </div>
+              <div class="label4container">
                 <img class="label4" src={crown} />
+              </div>
               <span class="info4">申请流程</span>
+              <div class="icon5container">
                 <img class="icon5" src={leftBg} />
               </div>
+            </div>
             <div class="block8 flex-col">
               <div class="layer1 flex-col">
                 <div class="layer2 flex-row">
@@ -222,11 +228,17 @@ export default defineComponent({
               </div>
             </div>
             <div class="block9 flex-row">
+              <div class="icon6container">
                 <img class="icon6" src={leftBg} />
+              </div>
+              <div class="label5container">
                 <img class="label5" src={crown} />
+              </div>
               <span class="word8">产品详情</span>
+              <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">
                 <span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">