0

Angularjs を使用してモバイル Web サイトを実装しようとしています。この種の構造を使用したい：

  • トップフィックスバー
  • メニューが左から右にスライドします (ロゴをクリック)
  • 右側にドロップダウンメニューがある場合もあります。

Gmail に類似:

ここに画像の説明を入力

基本的に、一種の (Android) アクション バーですが、モバイル Web サイト用です。

車輪の再発明はしたくないので、使用できる良いリファレンスやシード プロジェクトはありますか?

4

1 に答える 1

2

  1. 上部の固定バー: ブートストラップを使用します。すでに「navbar-fixed-top」として固定されたナビゲーション バーがあります...こちらを参照してください

  2. スライド メニュー: まさにこれを行う素晴らしい angularjs プラグインがあります: Angular-snap.js

そこの手順に従います...angular-snap.js、snap.js、angular-snap.css の 3 つのメイン ファイルを追加し、app.js ファイルに依存関係として「snap」モジュールを追加する必要があります。

angular.module('myApp', ['snap']);

終わり。メイン コードで必要なのは、引き出しといくつかのコンテンツだけです。

<snap-drawer>
  I'm in a drawer!
</snap-drawer>

<snap-content>
  I'm your main content!
</snap-content>
  1. 右側のドロップダウン メニュー: 再びブートストラップで...これを固定ナビゲーション バーに配置します
于 2014-01-12T15:43:07.230 に答える