diff --git a/pages/API/get-app-authorize-setting/get-app-authorize-setting.uvue b/pages/API/get-app-authorize-setting/get-app-authorize-setting.uvue
index a027da5049dd2bed1fd3e289ff35724ec453ba5e..3a9c8e5a03adc6e20a4e7a97d18fcd1a69b23bc4 100644
--- a/pages/API/get-app-authorize-setting/get-app-authorize-setting.uvue
+++ b/pages/API/get-app-authorize-setting/get-app-authorize-setting.uvue
@@ -1,53 +1,51 @@
 <template>
-  <view>
-    <page-head :title="title"></page-head>
-    <view class="uni-common-mt">
-      <view class="uni-list">
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">是否授权使用摄像头</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="cameraAuthorized" />
-          </view>
+  <page-head :title="title"></page-head>
+  <view class="uni-common-mt">
+    <view class="uni-list">
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">是否授权使用摄像头</view>
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">是否授权使用定位</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="locationAuthorized" />
-          </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="cameraAuthorized" />
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">定位准确度</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="locationAccuracy" />
-          </view>
+      </view>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">是否授权使用定位</view>
+        </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="locationAuthorized" />
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">是否授权使用麦克风</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="microphoneAuthorized" />
-          </view>
+      </view>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">定位准确度</view>
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">是否授权通知</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="notificationAuthorized" />
-          </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="locationAccuracy" />
         </view>
       </view>
-      <view class="uni-padding-wrap">
-        <view class="uni-btn-v">
-          <button type="primary" @tap="getAppAuthorizeSetting">获取App授权设置</button>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">是否授权使用麦克风</view>
         </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="microphoneAuthorized" />
+        </view>
+      </view>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">是否授权通知</view>
+        </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="notificationAuthorized" />
+        </view>
+      </view>
+    </view>
+    <view class="uni-padding-wrap">
+      <view class="uni-btn-v">
+        <button type="primary" @tap="getAppAuthorizeSetting">获取App授权设置</button>
       </view>
     </view>
   </view>
diff --git a/pages/API/get-app-base-info/get-app-base-info.uvue b/pages/API/get-app-base-info/get-app-base-info.uvue
index e59c9cfd2f3e4b3c664634204918116d6e37bef8..e8f7b2111b1d4964a8579c0b42fef61322f1acaa 100644
--- a/pages/API/get-app-base-info/get-app-base-info.uvue
+++ b/pages/API/get-app-base-info/get-app-base-info.uvue
@@ -1,24 +1,22 @@
 <template>
-	<view>
-		<page-head :title="title"></page-head>
-		<view class="uni-common-mt">
-			<view class="uni-list">
-				<view class="uni-list-cell" v-for="(item,_) in items" style="align-items: center;">
-					<view class="uni-pd">
-						<view class="uni-label" style="width:180px;">{{item.label}}</view>
-					</view>
-					<view class="uni-list-cell-db">
-						<textarea :auto-height="true" :disabled="true" placeholder="未获取" :value="item.value" />
-					</view>
-				</view>
-			</view>
-			<view class="uni-padding-wrap">
-				<view class="uni-btn-v">
-					<button type="primary" @tap="getAppBaseInfo">获取App基础信息</button>
-				</view>
-			</view>
-		</view>
-	</view>
+  <page-head :title="title"></page-head>
+  <view class="uni-common-mt">
+    <view class="uni-list">
+      <view class="uni-list-cell" v-for="(item,_) in items" style="align-items: center;">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">{{item.label}}</view>
+        </view>
+        <view class="uni-list-cell-db">
+          <textarea :auto-height="true" :disabled="true" placeholder="未获取" :value="item.value" />
+        </view>
+      </view>
+    </view>
+    <view class="uni-padding-wrap">
+      <view class="uni-btn-v">
+        <button type="primary" @tap="getAppBaseInfo">获取App基础信息</button>
+      </view>
+    </view>
+  </view>
 </template>
 <script>
 	type Item = {
diff --git a/pages/API/get-current-pages/get-current-pages.uvue b/pages/API/get-current-pages/get-current-pages.uvue
index 2bd841b6810e1ac593ff8f7a986fa368da7c042b..30b63049a8b0313ab0aefeaec553de9245e61bec 100644
--- a/pages/API/get-current-pages/get-current-pages.uvue
+++ b/pages/API/get-current-pages/get-current-pages.uvue
@@ -1,14 +1,12 @@
 <template>
-  <view>
-    <page-head title="getCurrentPages"></page-head>
-    <view class="uni-padding-wrap">
-      <button @click="_getCurrentPages">getCurrentPages</button>
-      <view v-if="pages.length" style="padding: 15px 0px">
-        <text>当前页面栈中 {{ pages.length }} 个页面，列表如下：</text>
-        <template v-for="(page, index) in pages" :key="page.route">
-          <text style="margin-top: 5px">index: {{ index }}, route: {{ page.route }}</text>
-        </template>
-      </view>
+  <page-head title="getCurrentPages"></page-head>
+  <view class="uni-padding-wrap">
+    <button @click="_getCurrentPages">getCurrentPages</button>
+    <view v-if="pages.length" style="padding: 15px 0px">
+      <text>当前页面栈中 {{ pages.length }} 个页面，列表如下：</text>
+      <template v-for="(page, index) in pages" :key="page.route">
+        <text style="margin-top: 5px">index: {{ index }}, route: {{ page.route }}</text>
+      </template>
     </view>
   </view>
 </template>
diff --git a/pages/API/get-element-by-id/get-element-by-id-multiple-root-node.uvue b/pages/API/get-element-by-id/get-element-by-id-multiple-root-node.uvue
index 0a7f11456792bec698f8b5d6901e8b877e84a62e..6e868a0cf93ab2b4b8701c5de4371c60f3a2abce 100644
--- a/pages/API/get-element-by-id/get-element-by-id-multiple-root-node.uvue
+++ b/pages/API/get-element-by-id/get-element-by-id-multiple-root-node.uvue
@@ -1,6 +1,6 @@
 <template>
+  <page-head id="page-head" title="getElementById-multiple-root-node"></page-head>
   <view class="uni-padding-wrap">
-    <page-head id="page-head" title="getElementById-multiple-root-node"></page-head>
     <text id="text">this is text</text>
     <view id="view" class="uni-common-mt" style="border: 1px solid red">this is view</view>
     <button class="uni-btn" @click="changePageHeadBackgroundColor">
@@ -9,7 +9,7 @@
     <button class="uni-btn" @click="changeTextColor">修改 text 字体颜色</button>
     <button class="uni-btn" @click="changeViewStyle">
       修改 view 宽高及背景色
-    </button>
+    </button>
   </view>
 </template>
 
diff --git a/pages/API/get-element-by-id/get-element-by-id.uvue b/pages/API/get-element-by-id/get-element-by-id.uvue
index 69e7e04e05c4d748d324ee9fd3dec8e4b2e2ffde..67ab95607af4943fd1794ae439b5cc3abb700177 100644
--- a/pages/API/get-element-by-id/get-element-by-id.uvue
+++ b/pages/API/get-element-by-id/get-element-by-id.uvue
@@ -1,22 +1,20 @@
 <template>
-  <view>
-    <page-head id="page-head" title="getElementById"></page-head>
-    <view class="uni-padding-wrap">
-      <text id="text">this is text</text>
-      <view id="view" class="uni-common-mt" style="border: 1px solid red">this is view</view>
-      <button class="uni-btn" @click="changePageHeadBackgroundColor">
-        修改 page-head 背景色
-      </button>
-      <button class="uni-btn" @click="changeTextColor">
-        修改 text 字体颜色
-      </button>
-      <button class="uni-btn" @click="changeViewStyle">
-        修改 view 宽高及背景色
-      </button>
-      <button class="uni-btn" @click="goMultipleRootNode">
-        跳转多根节点示例
-      </button>
-    </view>
+  <page-head id="page-head" title="getElementById"></page-head>
+  <view class="uni-padding-wrap">
+    <text id="text">this is text</text>
+    <view id="view" class="uni-common-mt" style="border: 1px solid red">this is view</view>
+    <button class="uni-btn" @click="changePageHeadBackgroundColor">
+      修改 page-head 背景色
+    </button>
+    <button class="uni-btn" @click="changeTextColor">
+      修改 text 字体颜色
+    </button>
+    <button class="uni-btn" @click="changeViewStyle">
+      修改 view 宽高及背景色
+    </button>
+    <button class="uni-btn" @click="goMultipleRootNode">
+      跳转多根节点示例
+    </button>
   </view>
 </template>
 
diff --git a/pages/API/get-launch-options-sync/get-launch-options-sync.uvue b/pages/API/get-launch-options-sync/get-launch-options-sync.uvue
index 07dabbf9552a21c2ebbedc4c730bcb4fd4cf7697..7e1d5a3aefc22538f15aa4bc9a1396becaceea52 100644
--- a/pages/API/get-launch-options-sync/get-launch-options-sync.uvue
+++ b/pages/API/get-launch-options-sync/get-launch-options-sync.uvue
@@ -1,12 +1,10 @@
 <template>
-  <view>
-    <page-head title="getLaunchOptionsSync"></page-head>
-    <view class="uni-padding-wrap">
-      <button @click="getLaunchOptionsSync">getLaunchOptionsSync</button>
-      <view v-if="launchOptionsPath.length > 0" class="uni-common-mt">
-        <text>应用启动路径：</text>
-        <text style="margin-top: 5px">{{ launchOptionsPath }}</text>
-      </view>
+  <page-head title="getLaunchOptionsSync"></page-head>
+  <view class="uni-padding-wrap">
+    <button @click="getLaunchOptionsSync">getLaunchOptionsSync</button>
+    <view v-if="launchOptionsPath.length > 0" class="uni-common-mt">
+      <text>应用启动路径：</text>
+      <text style="margin-top: 5px">{{ launchOptionsPath }}</text>
     </view>
   </view>
 </template>
diff --git a/pages/API/get-location/get-location.uvue b/pages/API/get-location/get-location.uvue
index 758103b6c5cf38af5340b798a3559704e988ead7..1a2158ace78009e162e5eb38c91d263b1645b249 100644
--- a/pages/API/get-location/get-location.uvue
+++ b/pages/API/get-location/get-location.uvue
@@ -1,40 +1,38 @@
 <template>
-  <view>
-    <page-head :title="title"></page-head>
-    <view style="padding: 4px;">
-    	<text class="hello-text">
-        真机运行标准基座仅包含系统定位，即system。\n
-        部分手机因gms兼容不好可能导致无法定位。\n
-        gcj国标、逆地理信息等功能需三方sdk定位。如果需要类似能力可以下载腾讯定位插件，打包自定义基座。参考示例：</text>
-    	<u-link :href="'https://ext.dcloud.net.cn/plugin?id=14569'" :text="'https://ext.dcloud.net.cn/plugin?id=14569'" :inWhiteList="true"></u-link>
-    </view>
+  <page-head :title="title"></page-head>
+  <view style="padding: 4px;">
+    <text class="hello-text">
+      真机运行标准基座仅包含系统定位，即system。\n
+      部分手机因gms兼容不好可能导致无法定位。\n
+      gcj国标、逆地理信息等功能需三方sdk定位。如果需要类似能力可以下载腾讯定位插件，打包自定义基座。参考示例：</text>
+    <u-link :href="'https://ext.dcloud.net.cn/plugin?id=14569'" :text="'https://ext.dcloud.net.cn/plugin?id=14569'" :inWhiteList="true"></u-link>
+  </view>
 
-    <view class="uni-padding-wrap uni-common-mt">
-      <view class="uni-list">
-        <radio-group @change="radioChange">
-          <radio class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value"
-            :class="index < items.length - 1 ? 'uni-list-cell-line': ''" :value="item.value"
-            :checked="index === current">
-            {{item.name}}
-          </radio>
-        </radio-group>
-      </view>
-      <view class="uni-list-cell uni-list-cell-pd">
-        <view class="uni-list-cell-db">高度信息</view>
-        <switch :checked="altitudeSelect" @change="altitudeChange" />
-      </view>
-      <view class="uni-list-cell uni-list-cell-pd">
-        <view class="uni-list-cell-db">开启高精度定位</view>
-        <switch :checked="isHighAccuracySelect" @change="highAccuracySelectChange" />
-      </view>
-      <view class="uni-list-cell uni-list-cell-pd">
-        <view class="uni-list-cell-db">是否解析地址信息</view>
-        <switch :checked="geocodeSelect" @change="geocodeChange" />
-      </view>
-      <text>{{exeRet}}</text>
-      <view class="uni-btn-v">
-        <button class="uni-btn" type="default" @tap="getLocationTap">获取定位</button>
-      </view>
+  <view class="uni-padding-wrap uni-common-mt">
+    <view class="uni-list">
+      <radio-group @change="radioChange">
+        <radio class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value"
+          :class="index < items.length - 1 ? 'uni-list-cell-line': ''" :value="item.value"
+          :checked="index === current">
+          {{item.name}}
+        </radio>
+      </radio-group>
+    </view>
+    <view class="uni-list-cell uni-list-cell-pd">
+      <view class="uni-list-cell-db">高度信息</view>
+      <switch :checked="altitudeSelect" @change="altitudeChange" />
+    </view>
+    <view class="uni-list-cell uni-list-cell-pd">
+      <view class="uni-list-cell-db">开启高精度定位</view>
+      <switch :checked="isHighAccuracySelect" @change="highAccuracySelectChange" />
+    </view>
+    <view class="uni-list-cell uni-list-cell-pd">
+      <view class="uni-list-cell-db">是否解析地址信息</view>
+      <switch :checked="geocodeSelect" @change="geocodeChange" />
+    </view>
+    <text>{{exeRet}}</text>
+    <view class="uni-btn-v">
+      <button class="uni-btn" type="default" @tap="getLocationTap">获取定位</button>
     </view>
   </view>
 </template>
diff --git a/pages/API/get-network-type/get-network-type.uvue b/pages/API/get-network-type/get-network-type.uvue
index adc181c87ee65f9f0eebdf730f11dbdda715b0ab..6cee1f9c93966ce5a6f56d2969b6a8e855210d77 100644
--- a/pages/API/get-network-type/get-network-type.uvue
+++ b/pages/API/get-network-type/get-network-type.uvue
@@ -1,22 +1,20 @@
 <template>
-  <view>
-    <page-head :title="title"></page-head>
-    <view class="uni-padding-wrap uni-common-mt">
-      <view style="background:#FFFFFF; padding:20px;">
-        <view class="uni-center">网络状态</view>
-        <view v-if="hasNetworkType == false">
-          <view class="uni-center uni-common-mt">未获取</view>
-          <view class="uni-center uni-common-mt">请点击下面按钮获取网络状态</view>
-        </view>
-        <view v-if="hasNetworkType == true">
-          <view class="uni-center uni-common-mt">{{networkType}}</view>
-        </view>
+  <page-head :title="title"></page-head>
+  <view class="uni-padding-wrap uni-common-mt">
+    <view style="background:#FFFFFF; padding:20px;">
+      <view class="uni-center">网络状态</view>
+      <view v-if="hasNetworkType == false">
+        <view class="uni-center uni-common-mt">未获取</view>
+        <view class="uni-center uni-common-mt">请点击下面按钮获取网络状态</view>
       </view>
-      <view class="uni-btn-v uni-common-mt">
-        <button type="primary" @tap="getNetworkType">获取设备网络状态</button>
-        <button class="uni-common-mt" @tap="clear">清空</button>
+      <view v-if="hasNetworkType == true">
+        <view class="uni-center uni-common-mt">{{networkType}}</view>
       </view>
     </view>
+    <view class="uni-btn-v uni-common-mt">
+      <button type="primary" @tap="getNetworkType">获取设备网络状态</button>
+      <button class="uni-common-mt" @tap="clear">清空</button>
+    </view>
   </view>
 </template>
 <script>
diff --git a/pages/API/get-system-setting/get-system-setting.uvue b/pages/API/get-system-setting/get-system-setting.uvue
index 433060e4da3dd3b2aa09500e7fadc1b221061261..a20012d52ca590e9ff594bfb689f8d27b24ad1d6 100644
--- a/pages/API/get-system-setting/get-system-setting.uvue
+++ b/pages/API/get-system-setting/get-system-setting.uvue
@@ -1,45 +1,43 @@
 <template>
-  <view>
-    <page-head :title="title"></page-head>
-    <view class="uni-common-mt">
-      <view class="uni-list">
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">蓝牙的系统开关</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="bluetoothEnabled" />
-          </view>
+  <page-head :title="title"></page-head>
+  <view class="uni-common-mt">
+    <view class="uni-list">
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">蓝牙的系统开关</view>
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">地理位置的系统开关</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="locationEnabled" />
-          </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="bluetoothEnabled" />
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">Wi-Fi 的系统开关</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="wifiEnabled" />
-          </view>
+      </view>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">地理位置的系统开关</view>
+        </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="locationEnabled" />
+        </view>
+      </view>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">Wi-Fi 的系统开关</view>
         </view>
-        <view class="uni-list-cell">
-          <view class="uni-pd">
-            <view class="uni-label" style="width:180px;">设备方向</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="deviceOrientation" />
-          </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="wifiEnabled" />
         </view>
       </view>
-      <view class="uni-padding-wrap">
-        <view class="uni-btn-v">
-          <button type="primary" @tap="getSystemSetting">获取系统设置</button>
+      <view class="uni-list-cell">
+        <view class="uni-pd">
+          <view class="uni-label" style="width:180px;">设备方向</view>
         </view>
+        <view class="uni-list-cell-db">
+          <input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="deviceOrientation" />
+        </view>
+      </view>
+    </view>
+    <view class="uni-padding-wrap">
+      <view class="uni-btn-v">
+        <button type="primary" @tap="getSystemSetting">获取系统设置</button>
       </view>
     </view>
   </view>
diff --git a/pages/API/get-window-info/get-window-info.uvue b/pages/API/get-window-info/get-window-info.uvue
index 829648cbf5d4b5a588bfa7d38f6cd361fa9a1779..6eef3b8d0e688fe2a1f348a93526739b36de8ce4 100644
--- a/pages/API/get-window-info/get-window-info.uvue
+++ b/pages/API/get-window-info/get-window-info.uvue
@@ -1,23 +1,21 @@
 <template>
-  <view>
-    <page-head :title="title"></page-head>
-    <view class="uni-common-mt">
-      <view class="uni-list">
-        <view class="uni-list-cell" v-for="(item, _) in items" style="align-items: center">
-          <view class="uni-pd">
-            <view class="uni-label" style="width: 180px">{{ item.label }}</view>
-          </view>
-          <view class="uni-list-cell-db">
-            <textarea :auto-height="true" :disabled="true" placeholder="未获取" :value="item.value" />
-          </view>
+  <page-head :title="title"></page-head>
+  <view class="uni-common-mt">
+    <view class="uni-list">
+      <view class="uni-list-cell" v-for="(item, _) in items" style="align-items: center">
+        <view class="uni-pd">
+          <view class="uni-label" style="width: 180px">{{ item.label }}</view>
         </view>
-      </view>
-      <view class="uni-padding-wrap">
-        <view class="uni-btn-v">
-          <button type="primary" @tap="getWindowInfo">获取窗口信息</button>
+        <view class="uni-list-cell-db">
+          <textarea :auto-height="true" :disabled="true" placeholder="未获取" :value="item.value" />
         </view>
       </view>
     </view>
+    <view class="uni-padding-wrap">
+      <view class="uni-btn-v">
+        <button type="primary" @tap="getWindowInfo">获取窗口信息</button>
+      </view>
+    </view>
   </view>
 </template>
 <script>
diff --git a/pages/API/interceptor/interceptor.uvue b/pages/API/interceptor/interceptor.uvue
index 52e87016b18be97d24f86df1d065d9a6b759429b..ac50b8004106efdb94f137f512f0263f3d27f719 100644
--- a/pages/API/interceptor/interceptor.uvue
+++ b/pages/API/interceptor/interceptor.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view style="flex: 1;">
     <button @click="addInterceptor">添加路由拦截器</button>
     <button @click="removeInterceptor">移除路由拦截器</button>
     <text>点击下方按钮{{msg}}</text>
diff --git a/pages/API/interceptor/page1.uvue b/pages/API/interceptor/page1.uvue
index 76063882b63a9de6cec77d1fa0fbd89a7af7fc94..94eac9fd6609caabbeabcf50ac3dad094cbad91c 100644
--- a/pages/API/interceptor/page1.uvue
+++ b/pages/API/interceptor/page1.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view style="flex: 1;">
     <text style="text-align: center;">测试页面 1</text>
   </view>
 </template>
@@ -19,4 +19,4 @@
 
 <style>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/API/interceptor/page2.uvue b/pages/API/interceptor/page2.uvue
index e97ad1f3f961c802677cee1ef67819aeefe1dcdb..cdf1e80dd56a51a8e6dd7a987b1ad4c4723b6e56 100644
--- a/pages/API/interceptor/page2.uvue
+++ b/pages/API/interceptor/page2.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view style="flex: 1;">
     <text style="text-align: center;">测试页面 2</text>
   </view>
 </template>
@@ -19,4 +19,4 @@
 
 <style>
 
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/API/load-font-face/load-font-face-child.uvue b/pages/API/load-font-face/load-font-face-child.uvue
index 92ab9ba20f9177c19c60b468a5254ff08654ee19..4b13385acdbf6ec6607c09d8f6deab91150b20e5 100644
--- a/pages/API/load-font-face/load-font-face-child.uvue
+++ b/pages/API/load-font-face/load-font-face-child.uvue
@@ -1,29 +1,27 @@
 <template>
-  <view>
-    <page-head title="loadFontFace-child"></page-head>
-    <view class="uni-padding-wrap">
-      <text class="font-size-20">上一页全局加载字体：</text>
-      <text class="font-size-20 line-height-40" style="font-family: UniFontFamily">font-family: uni.ttf</text>
-      <view style="flex-direction: row;">
-        <text style="font-family: UniFontFamily;font-size:20px;">{{
-          uniIcon1
-        }}</text>
-        <text style="margin-left:5px;margin-right: 20px;line-height:22px;">\ue100</text>
-        <text style="font-family: UniFontFamily;font-size:20px;">{{
-          uniIcon2
-        }}</text>
-        <text style="margin-left:5px;line-height:22px;">\ue101</text>
-      </view>
-      <text class="uni-common-mt font-size-20">上一页非全局加载字体（不生效为正常）：</text>
-      <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiTTF">font-family: 阿里妈妈刀隶体-ttf</text>
-      <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiOTF">font-family: 阿里妈妈刀隶体-otf</text>
-      <!-- <text class="item" style="font-family: AlimamaDaoLiTiWOFF"
-        >font-family: 阿里妈妈刀隶体-woff</text
-      >
-      <text class="item" style="font-family: AlimamaDaoLiTiWOFF2"
-        >font-family: 阿里妈妈刀隶体-woff2</text
-      > -->
+  <page-head title="loadFontFace-child"></page-head>
+  <view class="uni-padding-wrap">
+    <text class="font-size-20">上一页全局加载字体：</text>
+    <text class="font-size-20 line-height-40" style="font-family: UniFontFamily">font-family: uni.ttf</text>
+    <view style="flex-direction: row;">
+      <text style="font-family: UniFontFamily;font-size:20px;">{{
+        uniIcon1
+      }}</text>
+      <text style="margin-left:5px;margin-right: 20px;line-height:22px;">\ue100</text>
+      <text style="font-family: UniFontFamily;font-size:20px;">{{
+        uniIcon2
+      }}</text>
+      <text style="margin-left:5px;line-height:22px;">\ue101</text>
     </view>
+    <text class="uni-common-mt font-size-20">上一页非全局加载字体（不生效为正常）：</text>
+    <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiTTF">font-family: 阿里妈妈刀隶体-ttf</text>
+    <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiOTF">font-family: 阿里妈妈刀隶体-otf</text>
+    <!-- <text class="item" style="font-family: AlimamaDaoLiTiWOFF"
+      >font-family: 阿里妈妈刀隶体-woff</text
+    >
+    <text class="item" style="font-family: AlimamaDaoLiTiWOFF2"
+      >font-family: 阿里妈妈刀隶体-woff2</text
+    > -->
   </view>
 </template>
 
diff --git a/pages/API/load-font-face/load-font-face.uvue b/pages/API/load-font-face/load-font-face.uvue
index a5038fc30d989161d739c4fd56ed01a4938bef27..a5a127819a1699ce4abaa41181883317fe6f99b1 100644
--- a/pages/API/load-font-face/load-font-face.uvue
+++ b/pages/API/load-font-face/load-font-face.uvue
@@ -1,28 +1,26 @@
 <template>
-  <view>
-    <page-head title="loadFontFace"></page-head>
-    <view class="uni-padding-wrap">
-      <text class="font-size-20">全局加载字体：</text>
-      <text class="font-size-20 line-height-40" style="font-family: UniFontFamily">font-family: uni.ttf</text>
-      <view style="flex-direction: row;">
-        <text class="font-size-20" style="font-family: UniFontFamily;">{{
-          uniIcon1
-        }}</text>
-        <text style="margin-left:5px;margin-right: 20px;line-height:22px;">\ue100</text>
-        <text class="font-size-20" style="font-family: UniFontFamily;">{{
-          uniIcon2
-        }}</text>
-        <text style="margin-left:5px;line-height:22px;">\ue101</text>
-      </view>
-      <text class="uni-common-mt font-size-20">非全局加载字体：</text>
-      <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiTTF">font-family: 阿里妈妈刀隶体-ttf
-        (网络字体下载后生效)</text>
-      <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiOTF">font-family:
-        阿里妈妈刀隶体-otf</text>
-      <text class="item" style="font-family: AlimamaDaoLiTiWOFF">font-family: 阿里妈妈刀隶体-woff</text>
-      <text class="item" style="font-family: AlimamaDaoLiTiWOFF2">font-family: 阿里妈妈刀隶体-woff2</text>
-      <button class="uni-btn" @click="navigateToChild">跳转子页面测试字体生效范围</button>
+  <page-head title="loadFontFace"></page-head>
+  <view class="uni-padding-wrap">
+    <text class="font-size-20">全局加载字体：</text>
+    <text class="font-size-20 line-height-40" style="font-family: UniFontFamily">font-family: uni.ttf</text>
+    <view style="flex-direction: row;">
+      <text class="font-size-20" style="font-family: UniFontFamily;">{{
+        uniIcon1
+      }}</text>
+      <text style="margin-left:5px;margin-right: 20px;line-height:22px;">\ue100</text>
+      <text class="font-size-20" style="font-family: UniFontFamily;">{{
+        uniIcon2
+      }}</text>
+      <text style="margin-left:5px;line-height:22px;">\ue101</text>
     </view>
+    <text class="uni-common-mt font-size-20">非全局加载字体：</text>
+    <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiTTF">font-family: 阿里妈妈刀隶体-ttf
+      (网络字体下载后生效)</text>
+    <text class="font-size-20 line-height-40" style="font-family: AlimamaDaoLiTiOTF">font-family:
+      阿里妈妈刀隶体-otf</text>
+    <text class="item" style="font-family: AlimamaDaoLiTiWOFF">font-family: 阿里妈妈刀隶体-woff</text>
+    <text class="item" style="font-family: AlimamaDaoLiTiWOFF2">font-family: 阿里妈妈刀隶体-woff2</text>
+    <button class="uni-btn" @click="navigateToChild">跳转子页面测试字体生效范围</button>
   </view>
 </template>
 <script>
diff --git a/pages/API/navigator/new-page/new-page-1.uvue b/pages/API/navigator/new-page/new-page-1.uvue
index 0b50d82fee3dd6e7fdbec01928a476e5a3e30e0e..64b932e5386737caa167be9a7494d84e12b68bd6 100644
--- a/pages/API/navigator/new-page/new-page-1.uvue
+++ b/pages/API/navigator/new-page/new-page-1.uvue
@@ -1,6 +1,6 @@
 <template>
+  <page-head title="new-page-1" />
   <view class="uni-padding-wrap">
-    <page-head title="new-page-1" />
     <text>onLoad 接收到参数</text>
     <text>data: {{ data }}</text>
     <button @tap="navigateBackWithDelta2" class="uni-btn">
diff --git a/pages/API/navigator/new-page/new-page-3.uvue b/pages/API/navigator/new-page/new-page-3.uvue
index 442607b609dc36e9fb6bbdf267910bfa77500cc8..9c366a83841ed4f92d0b6b70b68f39c52cfcca0d 100644
--- a/pages/API/navigator/new-page/new-page-3.uvue
+++ b/pages/API/navigator/new-page/new-page-3.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view class="uni-padding-wrap">
+  <view class="uni-padding-wrap" style="flex: 1;">
     <page-head title="new-page-3" />
   </view>
 </template>
diff --git a/pages/API/nodes-info/nodes-info.uvue b/pages/API/nodes-info/nodes-info.uvue
index 2e908773503d1481cd4b10ff5b62af1bccf672ea..d28b889fe9b9cc252aedfc20cc0901ac9692a05c 100644
--- a/pages/API/nodes-info/nodes-info.uvue
+++ b/pages/API/nodes-info/nodes-info.uvue
@@ -93,6 +93,7 @@
 <style>
   .page {
     padding: 15px;
+    flex: 1;
   }
 
   .btn {
@@ -141,4 +142,4 @@
     font-weight: bold;
     line-height: 2;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue b/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue
index 023b1b4251a1777960629078aed7a8a88ad8bb87..c8a55c23a7fa0459c97673439f32d1985ff55113 100644
--- a/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue
+++ b/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue
@@ -1,17 +1,15 @@
 <template>
-  <view>
-    <page-head title="setNavigationBarColor"></page-head>
-    <view class="uni-padding-wrap uni-common-mt">
-      <button @tap="setNavigationBarColor1" class="uni-btn">
-        设置导航条背景绿色，标题白色
-      </button>
-      <button @tap="setNavigationBarColor2" class="uni-btn">
-        设置导航条背景红色，标题黑色
-      </button>
-      <button @tap="goCustomNavigation" class="uni-btn">
-        跳转自定义导航栏页面
-      </button>
-    </view>
+  <page-head title="setNavigationBarColor"></page-head>
+  <view class="uni-padding-wrap uni-common-mt">
+    <button @tap="setNavigationBarColor1" class="uni-btn">
+      设置导航条背景绿色，标题白色
+    </button>
+    <button @tap="setNavigationBarColor2" class="uni-btn">
+      设置导航条背景红色，标题黑色
+    </button>
+    <button @tap="goCustomNavigation" class="uni-btn">
+      跳转自定义导航栏页面
+    </button>
   </view>
 </template>
 
diff --git a/pages/API/set-navigation-bar-title/set-navigation-bar-title.uvue b/pages/API/set-navigation-bar-title/set-navigation-bar-title.uvue
index f81bb0925338e707d954c47af13eefbd130b0353..5999d3ef2dd47cff45ccf12ecb771d982dbbb5ea 100644
--- a/pages/API/set-navigation-bar-title/set-navigation-bar-title.uvue
+++ b/pages/API/set-navigation-bar-title/set-navigation-bar-title.uvue
@@ -1,14 +1,12 @@
 <template>
-  <view>
-    <page-head title="setNavigationBarTitle"></page-head>
-    <view class="uni-padding-wrap uni-common-mt">
-      <button @tap="setNavigationBarNewTitle" class="uni-btn">
-        设置当前页面标题为: {{ newTitle }}
-      </button>
-      <button @tap="setNavigationBarLongTitle" class="uni-btn">
-        设置超长标题
-      </button>
-    </view>
+  <page-head title="setNavigationBarTitle"></page-head>
+  <view class="uni-padding-wrap uni-common-mt">
+    <button @tap="setNavigationBarNewTitle" class="uni-btn">
+      设置当前页面标题为: {{ newTitle }}
+    </button>
+    <button @tap="setNavigationBarLongTitle" class="uni-btn">
+      设置超长标题
+    </button>
   </view>
 </template>
 
diff --git a/pages/API/websocket-global/websocket-global.uvue b/pages/API/websocket-global/websocket-global.uvue
index 8e95ae0a662cc63f8630ec17a04d54f664c03bbe..ab58c5c5c4083838b1e68bd55c3243508cb242f1 100644
--- a/pages/API/websocket-global/websocket-global.uvue
+++ b/pages/API/websocket-global/websocket-global.uvue
@@ -1,20 +1,18 @@
 <template>
-  <view>
-    <page-head title="websocket通讯示例"></page-head>
-    <view class="uni-padding-wrap">
-      <view class="uni-btn-v">
-        <text class="websocket-msg">{{ showMsg }}</text>
-        <button class="uni-btn-v" type="primary" @click="connect">
-          连接websocket服务
-        </button>
-        <button class="uni-btn-v" v-show="connected" type="primary" @click="send">
-          发送一条消息
-        </button>
-        <button class="uni-btn-v" type="primary" @click="close">
-          断开websocket服务
-        </button>
-        <text class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text>
-      </view>
+  <page-head title="websocket通讯示例"></page-head>
+  <view class="uni-padding-wrap">
+    <view class="uni-btn-v">
+      <text class="websocket-msg">{{ showMsg }}</text>
+      <button class="uni-btn-v" type="primary" @click="connect">
+        连接websocket服务
+      </button>
+      <button class="uni-btn-v" v-show="connected" type="primary" @click="send">
+        发送一条消息
+      </button>
+      <button class="uni-btn-v" type="primary" @click="close">
+        断开websocket服务
+      </button>
+      <text class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text>
     </view>
   </view>
 </template>
diff --git a/pages/API/websocket-socketTask/websocket-socketTask.uvue b/pages/API/websocket-socketTask/websocket-socketTask.uvue
index 0727d4b039e74a21854fc982ca5d9c52413c85c9..4f9ae6871a164fc1b1bfe6aa28dcc2833dfa896d 100644
--- a/pages/API/websocket-socketTask/websocket-socketTask.uvue
+++ b/pages/API/websocket-socketTask/websocket-socketTask.uvue
@@ -1,20 +1,18 @@
 <template>
-  <view>
-    <page-head title="websocket通讯示例"></page-head>
-    <view class="uni-padding-wrap">
-      <view class="uni-btn-v">
-        <text class="websocket-msg">{{ showMsg }}</text>
-        <button class="uni-btn-v" type="primary" @click="connect">
-          连接websocket服务
-        </button>
-        <button class="uni-btn-v" v-show="connected" type="primary" @click="send">
-          发送一条消息
-        </button>
-        <button class="uni-btn-v" type="primary" @click="close">
-          断开websocket服务
-        </button>
-        <text class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text>
-      </view>
+  <page-head title="websocket通讯示例"></page-head>
+  <view class="uni-padding-wrap">
+    <view class="uni-btn-v">
+      <text class="websocket-msg">{{ showMsg }}</text>
+      <button class="uni-btn-v" type="primary" @click="connect">
+        连接websocket服务
+      </button>
+      <button class="uni-btn-v" v-show="connected" type="primary" @click="send">
+        发送一条消息
+      </button>
+      <button class="uni-btn-v" type="primary" @click="close">
+        断开websocket服务
+      </button>
+      <text class="websocket-tips">发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text>
     </view>
   </view>
 </template>