teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

微修正

2016/10/14 18:42

投稿

pinpikokun
pinpikokun

スコア376

answer CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
  $scope.onClickPage2 = function(){
26
26
  if(navi.pages.length <= 1) navi.pushPage('page2.html', {animation:'none'});
27
- menu.closeMenu()
27
+ menu.closeMenu();
28
28
  }
29
29
  });
30
30
  </script>
@@ -61,10 +61,10 @@
61
61
  <ons-tab page="home.html" active="true">
62
62
  <span style="font-size: 14px">Home</span>
63
63
  </ons-tab>
64
- <ons-tab page="fav.html" active="true">
64
+ <ons-tab page="fav.html">
65
65
  <span style="font-size: 14px">Favorites</span>
66
66
  </ons-tab>
67
- <ons-tab page="settings.html" active="true">
67
+ <ons-tab page="settings.html">
68
68
  <span style="font-size: 14px">Settings</span>
69
69
  </ons-tab>
70
70
  </ons-tabbar>

1

ons-tabbarが無かったので追記

2016/10/14 18:41

投稿

pinpikokun
pinpikokun

スコア376

answer CHANGED
@@ -57,10 +57,24 @@
57
57
  </div>
58
58
  <div class="center">Page 1</div>
59
59
  </ons-toolbar>
60
+ <ons-tabbar>
61
+ <ons-tab page="home.html" active="true">
62
+ <span style="font-size: 14px">Home</span>
63
+ </ons-tab>
64
+ <ons-tab page="fav.html" active="true">
60
- <p style="text-align: center; color: #999; padding-top: 100px;">Page1 Contents</p>
65
+ <span style="font-size: 14px">Favorites</span>
66
+ </ons-tab>
67
+ <ons-tab page="settings.html" active="true">
68
+ <span style="font-size: 14px">Settings</span>
69
+ </ons-tab>
70
+ </ons-tabbar>
61
71
  </ons-page>
62
72
  </ons-template>
63
73
 
74
+ <ons-template id="home.html">home</ons-template>
75
+ <ons-template id="fav.html">fav</ons-template>
76
+ <ons-template id="settings.html">setting</ons-template>
77
+
64
78
  <ons-template id="page2.html">
65
79
  <ons-page>
66
80
  <ons-toolbar>