問題タブ [polymer-starter-kit]

ポリマー スターター キットと同じように、page.js を使用してポリマーの単一ページの Web サイトを作成しています。ルーティングに紙メニューを使用する代わりに、紙タブを使用しています。

ルーティングは機能していますが、紙タブを紙タブのように見せることはできません。それらはリンクのように見え、下部に選択バーが表示されません。

私が間違っていることは何か分かりますか？

index.html

Polymer Starter Kit では、index.html は、app.js のプロパティにバインドするなど、Polymer コンポーネントと非常によく似た動作をしているようです。代わりに、index.html の本体のすべてのコンテンツをカスタム コンポーネントに入れてみませんか? この状況で自動バインド テンプレートを使用すると、どのような利点がありますか? シングル ページ アプリであることと、アプリのスケルトン構造を index.html に保持していることに関連していますか? それとも、「baseUrl」などのアプリ スコープの変数に簡単にアクセスするためですか? それとも、CSS スコープに関連しているのでしょうか。

スターター キットには、ペーパー アイテムではなく、引き出しのペーパー メニュー内に通常のリンクがあります。選択した paper-menu リンクの background-color のスタイルを設定するために、 --paper-menu-selected-item css mixin を app-theme.html の paper-menu に別の色に設定することはできません。ただし、 paper-menu a.iron-selected クラスを直接スタイリングしても機能しません。では、背景色を設定する標準的な方法は何ですか?

編集: OK、これは --light-primary-color カスタム プロパティに設定されているようです。これがどこに設定されているか知っている人はいますか？ドキュメントが見つかりませんでした。

まず第一に、私は非常に初心者なので、ばかげた質問をしたり、同じ質問が他の場所で既に回答されている場合は、すみません: トピックを効果的に検索するための適切な用語を知らない可能性があります.

ここに私の問題があります。Polymer を使用してダッシュボードを作成しようとしています。したがって、多くのオプション (契約、カレンダー、管理ページなど) を備えたナビゲーション バー/メニューを用意します。Polymer スターター キットとそのデモを見ていると、ナビゲーション ドロワーに関連するすべてのページを index.html ファイル内の<section>マークアップの間に配置するように指示されています。

ただし、これらのページには多くのコードが含まれている可能性があり、多くのページ (現時点では 12 ページ) になります。私は、index.html がすぐに巨大になることを恐れています。これは、おそらく「保守が困難」であり、「読み込み時間が長い」ことを意味します。

私の質問は次のとおりです。ページアプリを複数のhtmlファイルに簡単に分割する方法はありますか? 新しいカスタム要素を作成してヘッダーにインポートし、それを<section>マークアップ間で使用しますか?

さて、ここで与えられたアドバイスに従って、HTMLimport について読み、Chrome 開発者の youtube で「遅延読み込み」に関するチュートリアルを読みました。問題: 動作しません :(
ナビゲーション バーの [Contracts] をクリックしても何も起こりません。わかりません :/ 助けてください!

ルーティング要素は次のとおりです。

Polymer Starter kit を使用しています。paper-scroll-header-panel のデフォルトの色を変更しようとしていますが、変更されません。

paper-scroll-header-panel によると:

フルサイズのツールバーの背景を変更するには

ツールバーが圧縮されているときにツールバーの背景を変更するには

Polymer Starter Kit の共有スタイルに追加しました

何かを見逃したのか、それとも何か間違ったことをしたのでしょうか? どんな助けでも大歓迎です。

elements.html のコード

shared-styles.html のコード

index.html のコード

再利用するカスタム要素を作成しようとしています。私が持っているのは、クリックしたリンクに応じて、それぞれのページに表示される 3 つの属性で構成されるデータです。

ポリマー スターター キットを使用しています。基本的には、URLによって変化する情報のページが欲しいです。ページにプログラムのリストがあり、それぞれのページへのリンクがあります。これまでのところ、私はこれを持っています：

私の index.html には、次のようなセクションがあります。

次に、次のようなカスタム要素、program-info があります。

クリックされたプログラムに基づいて、データを取得し、カスタム要素 (名前、価格、説明) で使用したいと考えています。プログラムが7つしかないので配列に入れることを考えましたが、URLに基​​づいて配列内の適切なアイテムを取得する方法がわかりません。

何かご意見は？

だから私は単にポリマースターターキットをgitページでホストしようとしているだけです. 問題は、すべての指示に従って SKHolmes.github.io に移動した後、github から 404 が返され、1 つまたは複数のリソースを読み込めなかったことです。ルート ディレクトリに index.html ファイルがあることがはっきりとわかります。

ここにエラーがあります

ここに私のリポジトリがあります

誰かが同様の問題を抱えていましたか？私が見逃しているトリックはありますか？