所有页面，中间图片延迟加载

about/index.html

@@ -100,7 +100,7 @@
                                     :style="{padding:(index % 2 == 1?'40px 25px':' 40px 25px')}"
                                     style="background-color: #ffff;    box-shadow: 0px 10px 20px 10px rgb(179 202 216 / 20%)">
                                     <div class="col-md-7  pr-40 aboutImg ">
-                                        <img :src="arr.image" alt="">
+                                        <img :src="arr.image" alt=""  v-bind:style="{opacity:contentBoolean?'1':'0'}">
                                     </div>
                                     <div class="col-md-5" v-html="arr.content">
                                     </div>

assets/css/style.css

@@ -6495,7 +6495,7 @@
                 cursor: pointer;
                 box-shadow: 0px 2px 17px 4px rgb(158 158 158 / 15%);
                 padding: 15px;
-            }
+                           }
             
             .oneInnerBox:hover {
                 /* background: rgb(241, 239, 239) */
@@ -6514,7 +6514,7 @@
             }
             .newItemOne .oneInnerBox .img {
                 transition: .5s all;
-            }
+                            }
             .oneInnerBox:hover .img {
                 /* background: rgb(241, 239, 239) */
                 transform: scale(1.05, 1.05);

news/index.html

@@ -103,7 +103,7 @@
                                 <div class="row">
                                     <div class="col-md-4 newItemOne" v-for="item in articalArray" :key="item.id">
                                         <div class="oneInnerBox" @click="oneInnerBox(item)">
-                                            <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
+                                            <div class="img"  v-bind:style="{backgroundImage:'url('+item.image+')',opacity:contentBoolean?'1':'0'}">
                                             </div>
                                             <a class="line-two">{{item.title}}</a>
                                             <span>{{timeFormatSeconds(item.createdate?item.createdate:'')}}</span>

product/index.html

@@ -97,7 +97,7 @@
                     <div class="row pt-80 content"  >
                         <div class="col-md-4 newItemOne "  v-for="item in articalArray" :key="item.id">
                             <div class="oneInnerBox" @click="oneInnerBox(item)">
-                                <div class="img" v-bind:style="{backgroundImage:'url('+item.image+')'}">
+                                <div class="img"  v-bind:style="{backgroundImage:'url('+item.image+')',opacity:contentBoolean?'1':'0'}">
                                     <!-- <img :src="item.image" alt=""> -->
                                 </div>
     

solution/index.html

@@ -128,7 +128,7 @@
                                     <div class="pt-40 mb-20">{{item.zhaiyao}}</div>
                                 </div>
                                 <div class="col-md-5 text-center">
-                                    <img :src="item.image" alt=""  v-if="contentBoolean" >
+                                    <img :src="item.image" alt=""  v-bind:style="{opacity:contentBoolean?'1':'0'}" >
                                 </div>
                             </div>
                         </div>