ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレット開発におけるタブバーの例の詳細な説明

WeChat アプレット開発におけるタブバーの例の詳細な説明

高洛峰
リリース: 2017-03-15 16:03:18
オリジナル
2753 人が閲覧しました

この記事では主に、WeChat ミニ プログラム開発の Tabbar サンプルの詳細な説明に関する関連情報を紹介します。必要な友人は参照してください

WeChat ミニ プログラム Tabbar

1. WeChat ミニ プログラム開発ソフトウェアをダウンロードします。

https:/ /

mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

2. QR コードをスキャンしてログインし、電話をクリックしてログインを確認します。

3. 新しいプロジェクトを作成し、ここで APPID を入力する必要がある場合は、WeChat アプレットに登録する必要があります。その後、APPID を取得し、プロジェクト名を入力します。プロジェクト ディレクトリを選択し (WeChat アプレット開発におけるタブバーの例の詳細な説明注意

: WeChat アプレットは単独でメイン ディレクトリ ファイルを作成しません。そのため、最初に自分でプロジェクト フォルダーを作成し、それからこのフォルダーに保存することを選択します)、プロジェクトを追加すると、プロジェクト プロジェクトが作成されます。ラジオ ボタン

ボタン があることに注意してください。この ラジオ ボタン をキャンセルすると、このボタン

を選択します。次に、下にタブバーを配置し、まず新しい画像ディレクトリを作成し、ディレクトリを右クリック -> [新規] -> ディレクトリ WeChat アプレット開発におけるタブバーの例の詳細な説明

WeChat アプレット開発におけるタブバーの例の詳細な説明

5. 画像フォルダーをクリック -> ハードディスクを開き、 WeChat アプレット開発におけるタブバーの例の詳細な説明写真
をサブディレクトリにプルします。 注: 画像のサイズは 40kb、サイズ 81px * 81px に制限されています。最初にディレクトリ構造を見てみましょう。このプログラムには 2 つのディレクトリがあり、1 つはページ用、もう 1 つはユーティリティ用です。これら 2 つのディレクトリは 2 つのページです (プログラムを実行すると最初のページが表示されます)。 2 番目のページは、プログラムを実行すると表示されるものです。アバターをクリックすると表示されます。これら 2 つのページをタブバー ページとして使用します。

便宜上、画像をルートディレクトリに置き、画像ディレクトリを選択して右クリック→ハードディスクを開く→画像ディレクトリをルートディレクトリにコピーし、元のディレクトリを削除します。コードは次のとおりです。

WeChat アプレット開発におけるタブバーの例の詳細な説明メソッドの説明:

color: フォントの色が選択されていません

selectedColor: フォントの色が選択されています

borderStyle: タブバーの上の線の色白 (白と白のみ)黒がサポートされています)backgroundColor: タブバーの背景色networkTime

out: ネットワークタイムアウトを設定します

WeChat アプレット開発におけるタブバーの例の詳細な説明
debug: デバッグモードをオンに設定します

効果は次のとおりです:


注:

list ページを app.json のページに登録することはできません。

WeChat アプレット開発におけるタブバーの例の詳細な説明

読んでいただきありがとうございます、皆さんのお役に立てれば幸いです、このサイトをサポートしていただきありがとうございます!

以上がWeChat アプレット開発におけるタブバーの例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート