change class name

Author: nuochong

app/components/example/animate.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page loaded="pageLoaded" ref="page">
+  <Page  class="page" loaded="pageLoaded" ref="page">
     <ActionBarSecond :title="'动画效果'"></ActionBarSecond>
 
     <GridLayout colums="*" rows="*" id="dd">

app/components/example/icon.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page loaded="pageLoaded" ref="page">
+  <Page class="page" loaded="pageLoaded" ref="page">
     <ActionBarSecond :title="'图标'"></ActionBarSecond>
     <GridLayout colums="*" rows="*">
       <Label class="message" :text="msg" col="0" row="0" />

app/components/example/mask.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page :class="{ dialogOpen: dialogOpen }">
+  <Page class="page" :class="{ dialogOpen: dialogOpen }">
     <ActionBarSecond :title="'遮罩层'"></ActionBarSecond>
     <GridLayout colums="*" rows="*">
       <StackLayout>

app/components/example/refresh-new.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page loaded="pageLoaded" ref="page">
+  <Page class="page" loaded="pageLoaded" ref="page">
     <ActionBarSecond :title="'下拉刷新'"></ActionBarSecond>
     <FlexboxLayout
       flexDirection="column"

app/components/example/refresh.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page loaded="pageLoaded" ref="page">
+  <Page class="page" loaded="pageLoaded" ref="page">
     <ActionBarSecond :title="'下拉刷新'"></ActionBarSecond>
     <FlexboxLayout
       flexDirection="column"

app/components/example/touch.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page loaded="pageLoaded" ref="page">
+  <Page class="page" loaded="pageLoaded" ref="page">
     <ActionBarSecond :title="'触摸事件'"></ActionBarSecond>
     <GridLayout colums="*" rows="*">
       <Button class="btn btn-primary" ref="btn" text="触摸" @tap="touch" />