/onsenui_sample

Onsen UIでつくるモバイルWebアプリの実装サンプル

Primary LanguageJavaScript

Onsen UIでつくるモバイルWebアプリの実装サンプル

公式Onsen UIドキュメント Onsen UIドキュメント

モバイルWebテンプレート

/template/index.html

  • Onsen UIを使うための基本のテンプレート

モバイルWebサンプル

ページナビゲーションのサンプル

index.html

  • ons-navigator.push/popのサンプル画面へ遷移
  • ons-listのサンプル画面へ遷移

公式ドキュメント ons-navigator

スライドメニューのサンプル

index2.html

  • ons-splitter
  • ons-splitterとons-navigatorの組み合わせ

公式ドキュメント ons-splitter

ページナビゲーションのPushとPopのサンプル

sample/ons-navigator_push1.html, ons-navigator_push1.html

  • ons-toolbar
  • ons-back-buttonで画面をpop

リストのサンプル

sample/ons-list.html

  • ons-list-header
  • ons-list-itemのtappable, chevron
  • ons-list-itemのleft, center, right
  • ons-list-itemのtitle, subtitle
  • ons-list-itemにons-icon, ons-switchの埋め込み
  • ons-listのinset

公式ドキュメント ons-list

フォームのサンプル

sample/ons-input.html

  • ons-input
  • ons-button

公式ドキュメント ons-input