diff --git a/examples/hello-uniapp/pages/template/accordion/accordion.vue b/examples/hello-uniapp/pages/template/accordion/accordion.vue
index 697a58654cec8ba76533d110f9870ee72a208794..3daecf9bfe739973635d3a45b8d02635f6dbc346 100644
--- a/examples/hello-uniapp/pages/template/accordion/accordion.vue
+++ b/examples/hello-uniapp/pages/template/accordion/accordion.vue
@@ -1,7 +1,7 @@
 <template>
     <view class="page">
         <page-head :title="title"></page-head>
-        <view class="uni-card">
+        <view class="uni-card" style="margin-top:50px;">
             <view class="uni-list">
                 <block v-for="(list,index) in lists" :key="index">
                     <view class="uni-list-cell uni-collapse">
@@ -85,10 +85,6 @@
 </script>
 
 <style>
-    .page {
-        padding-top: 60upx;
-    }
-
     .list-collapse {
         padding-left: 36upx;
         box-sizing: border-box;
diff --git a/examples/hello-uniapp/pages/template/cardview/cardview.vue b/examples/hello-uniapp/pages/template/cardview/cardview.vue
index 8d13028b3413df66a99039cb0446e7291edee50c..8d58915f47c222cd5b1e60f3d0e48120bdb2be3e 100644
--- a/examples/hello-uniapp/pages/template/cardview/cardview.vue
+++ b/examples/hello-uniapp/pages/template/cardview/cardview.vue
@@ -1,7 +1,7 @@
 <template>
     <view class="page">
         <page-head :title="title"></page-head>
-		<view class="uni-padding-wrap">
+		<view class="uni-padding-wrap uni-common-mt">
 			<view class="uni-card">
 				<view class="uni-card-content">
 					<view class="uni-card-content-inner">
diff --git a/examples/hello-uniapp/pages/template/grid-pagination/grid-pagination.vue b/examples/hello-uniapp/pages/template/grid-pagination/grid-pagination.vue
index c3251fdc93a7689881bb6bfd884691a198580cf1..92a93f674b9fc4a8d5e7aceab5570fd428dda858 100644
--- a/examples/hello-uniapp/pages/template/grid-pagination/grid-pagination.vue
+++ b/examples/hello-uniapp/pages/template/grid-pagination/grid-pagination.vue
@@ -1,7 +1,7 @@
 <template>
-	<view class="page">
+	<view>
 		<page-head :title="title"></page-head>
-		<view class="uni-list">
+		<view class="uni-list" style="margin-top:30px;">
 			<view class="uni-list-cell uni-list-cell-pd">
 				<view class="uni-list-cell-db">循环</view>
 				<switch @change="switchChange"/>
@@ -57,13 +57,6 @@
 </script>
 
 <style>
-	.page {
-		padding-top: 60upx;
-	}
-
-	page {
-		background: #efeff4;
-	}
 	.uni-list{
 		margin-bottom: 30upx;
 	}
diff --git a/examples/hello-uniapp/pages/template/grid/grid.vue b/examples/hello-uniapp/pages/template/grid/grid.vue
index bea8201d4666b6acc2190b73395cfb5570317ea0..8547eeedee8636893846511f537c8b8c20c98486 100644
--- a/examples/hello-uniapp/pages/template/grid/grid.vue
+++ b/examples/hello-uniapp/pages/template/grid/grid.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="page">
+    <view>
         <page-head :title="title"></page-head>
         <view class="uni-grid-9 uni-common-mt">
             <view class="uni-grid-9-item" hover-class="uni-grid-9-item-hover" v-for="(item,index) in grids" :key="index" :class="index % 3 === 2 ? 'no-border-right' : ''">
@@ -25,7 +25,4 @@
 </script>
 
 <style>
-    .page {
-        padding-top: 60upx;
-    }
 </style>
diff --git a/examples/hello-uniapp/pages/template/nav-button/nav-button.vue b/examples/hello-uniapp/pages/template/nav-button/nav-button.vue
index bcaeb20b50d7e15cf4a17bb3db336555f7a26b4a..ee0e3a863974a957ac1295098302d6016fc69dcc 100644
--- a/examples/hello-uniapp/pages/template/nav-button/nav-button.vue
+++ b/examples/hello-uniapp/pages/template/nav-button/nav-button.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="page">
+	<view>
 		<page-head :title="title"></page-head>
 		<view class="uni-padding-wrap uni-common-mt">
 			<view class="uni-title">
@@ -32,7 +32,5 @@
 </script>
 
 <style>
-	.page {
-		padding-top: 60upx;
-	}
+	
 </style>