WeChat ミニプログラム開発ガイド: タブページネーションについて-ミニプログラム開発-php.cn

WeChat ミニプログラム開発ガイド: タブページネーションについて

高洛峰

リリース： 2017-03-04 14:40:04

オリジナル

2138 人が閲覧しました

1.1 コンポーネント tabBar

tabBar は配列であり、少なくとも 2 つ、最大 5 つのタブのみを構成できます。タブは配列の順序でソートされます。

WeChat ミニプログラム開発ガイド: タブページネーションについて

WeChat アプレットは、マルチタブページング機能を実装するためのコンポーネント tabBar を提供します。アプレットがマルチタブアプリケーション (クライアントウィンドウの下部にページを切り替えるためのタブバーがある) の場合、tabBar 構成項目を使用して、タブバーのパフォーマンスと、タブが切り替わります。

1.2 設定場所

   "tabBar": {
    "color": "#a9a9a9",
    "selectedColor": "#1f1f1f",
    "backgroundColor": "#fefefe",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/main/main",
        "text": "首页",
        "iconPath": "image/icon_home.png",
        "selectedIconPath": "image/icon_home_select.png"
      },
      {
        "pagePath": "pages/aboutUs/aboutUs",
        "text": "关于我们",
        "iconPath": "image/icon_person.png",
        "selectedIconPath": "image/icon_person_select.png"
      }
    ] }

ログイン後にコピー

1.3 icon icon
各タブアイコンは、テスト後にローカルプロジェクトに配置する必要があります。ここではネットワークイメージはサポートされていません。画像を格納するフォルダーはプロジェクトのルートディレクトリに作成する必要があり、ファイル名は任意であり、使用する場合は相対パスを指定する必要があります。 (実際の操作中、作者はIDEの画像フォルダに画像ファイルを置く方法を見つけられませんでした。ローカルファイルで実行しました。機能が隠しすぎているのか、それとも私が隠していないだけなのかはわかりません)知っている人はメッセージを残してください。注意)

WeChat ミニプログラム開発ガイド: タブページネーションについて

  {
        "pagePath": "pages/main/main",
        "text": "首页",
        "iconPath": "image/icon_home.png",
        "selectedIconPath": "image/icon_home_select.png"
      }

ログイン後にコピー

その他の WeChat アプレット開発ガイド: タブページングに関する関連記事については、PHP 中国語 Web サイトに注目してください。