加载

src/pages/tabBar1/index.vue

@@ -4,6 +4,10 @@
 <template>
   <div>
     <web-view :src="pageUrl" @error="handleError"></web-view>
+    <div style="width:100%;height:90vh;display:flex;justify-content: center;align-items: center;">
+      <van-loading size="40px" type="spinner"></van-loading>
+    </div>
+    
   </div>
 </template>
 

src/pages/tabBar1/main.json

 {
-    
+    "usingComponents": {
+        "van-loading": "/static/vant/loading/index"
+    }
 }
\ No newline at end of file

src/pages/tabBar2/index.vue

@@ -4,6 +4,9 @@
 <template>
   <div>
     <web-view :src="pageUrl" @error="handleError"></web-view>
+    <div style="width:100%;height:90vh;display:flex;justify-content: center;align-items: center;">
+      <van-loading size="40px" type="spinner"></van-loading>
+    </div>
   </div>
 </template>
 

src/pages/tabBar2/main.json

 {
+    "usingComponents": {
+        "van-loading": "/static/vant/loading/index"
+    }
 }
\ No newline at end of file

src/pages/tabBar3/index.vue

@@ -4,6 +4,9 @@
 <template>
   <div>
     <web-view :src="pageUrl" @error="handleError"></web-view>
+    <div style="width:100%;height:90vh;display:flex;justify-content: center;align-items: center;">
+      <van-loading size="40px" type="spinner"></van-loading>
+    </div>
   </div>
 </template>
 

src/pages/tabBar3/main.json

 {
+    "usingComponents": {
+        "van-loading": "/static/vant/loading/index"
+    }
 }
\ No newline at end of file

src/pages/tabbar4/index.vue

@@ -4,6 +4,9 @@
 <template>
   <div>
     <web-view :src="pageUrl" @error="handleError"></web-view>
+    <div style="width:100%;height:90vh;display:flex;justify-content: center;align-items: center;">
+      <van-loading size="40px" type="spinner"></van-loading>
+    </div>
   </div>
 </template>
 

src/pages/tabbar4/main.json

 {
+    "usingComponents": {
+        "van-loading": "/static/vant/loading/index"
+    }
 }
\ No newline at end of file