fix:large-title page background

Author: nuochong

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

@@ -1,6 +1,7 @@
 <template>
   <Page class="page">
     <ActionBar class="action-bar" :flat="isFlat">
+      <NavigationButton text="Go Back" android.systemIcon="ic_menu_back" @tap="$navigateBack" />
       <Label :text="title" class="hidden" ref="topTitle" fontSize="17" verticalAlignment="center" />
       <ActionItem
         @tap="someMethod"
@@ -62,30 +63,30 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.page {
-  background-color: #f7f7f7;
-}
+// .page {
+//   background-color: #f7f7f7;
+// }
 
 .container {
   margin-top: 0;
 }
 
-.content {
-  background-color: #fff;
-  padding: 20;
-  font-size: 20;
-}
+// .content {
+//   background-color: #fff;
+//   padding: 20;
+//   font-size: 20;
+// }
 
-.action-bar {
-  background-color: #f7f7f7;
-  border-width: 0;
-  margin-bottom: 0;
-}
+// .action-bar {
+//   background-color: #f7f7f7;
+//   border-width: 0;
+//   margin-bottom: 0;
+// }
 
-.action-bar label {
-  font-weight: bold;
-  opacity: 0;
-}
+// .action-bar label {
+//   font-weight: bold;
+//   opacity: 0;
+// }
 
 .header {
   margin-top: 0;

app/components/example/main.vue

@@ -66,7 +66,7 @@ import Icon from './icon';
 import Mask from './mask';
 import Modal from './modal';
 import Drawers from './multi-drawer/drawers';
-//import LargeTitle from './large-title/large-title';//this is bug
+import LargeTitle from './large-title/large-title';//this is bug
 import Dialog from './dialog/dialog';
 import Pop from './pop';
 import Animate from './animate';
@@ -163,9 +163,9 @@ export default {
     onDrawers() {
       this.navigateTo(this, Drawers);
     },
-    // onlargeTitle() {
-    //   this.navigateTo(this, LargeTitle);
-    // },
+    onlargeTitle() {
+      this.navigateTo(this, LargeTitle);
+    },
     dialogNew() {
       this.navigateTo(this, DialogNew);
     },