update change class name

Author: nuochong

app/components/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBarFirst :title="'Welcome to NativeScript-Vue!'"></ActionBarFirst>
     <ScrollView>
       <!-- <GridLayout  colums="*" rows="*"> -->

app/components/example/dialog-bak/dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBar class="action-bar" title="Hello">
       <NavigationButton text="Go Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
       <StackLayout orientation="horizontal">

app/components/example/dialog/dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBar class="action-bar" title="Hello">
       <NavigationButton text="Go Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
       <StackLayout orientation="horizontal">

app/components/example/drawer.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- <Page> -->
+  <!-- <Page class="page"> -->
   <!-- <RadSideDrawer [drawerTransition]="sideDrawerTransition"> -->
 
   <GridLayout tkDrawerContent rows="auto, *" class="sidedrawer sidedrawer-left">

app/components/example/large-title/large-title.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBar class="action-bar" :flat="isFlat">
       <Label :text="title" class="hidden" ref="topTitle" fontSize="17" verticalAlignment="center" />
       <ActionItem

app/components/example/multi-drawer/drawers.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBar class="action-bar" title="Hello">
       <NavigationButton text="Go Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
       <StackLayout orientation="horizontal">

app/components/example/public/action-bar-first.vue

@@ -39,8 +39,8 @@ export default {
 </script>
 
 <style scoped>
-ActionBar {
+/* ActionBar {
   background-color: #53ba82;
   color: #ffffff;
-}
+} */
 </style>

app/components/example/public/action-bar-second.vue

@@ -16,11 +16,11 @@ export default {
 </script>
 
 <style scoped>
-ActionBar {
+/* ActionBar {
   background-color: #53ba82;
   color: #ffffff;
 }
 .hello-world {
   margin: 20;
-}
+} */
 </style>

app/components/example/request.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBarSecond :title="'请求'"></ActionBarSecond>
     <!-- <GridLayout colums="*" rows="*"> -->
     <StackLayout>

app/components/example/target/target.vue

@@ -1,5 +1,5 @@
 <template>
-  <Page>
+  <Page class="page">
     <ActionBarSecond :title="'路由跳转'"></ActionBarSecond>
     <GridLayout colums="*" rows="*">
       <!-- <StackLayout class="hello-world"> -->