ホームページ  >  記事  >  ウェブフロントエンド  >  uniappでナビゲーションバーのスタイルを設定する方法

uniappでナビゲーションバーのスタイルを設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-15 17:58:247835ブラウズ

uniapp でナビゲーション バー スタイルを設定する方法: まず、下の新しいプロジェクトをクリックして、pages.json ファイルを開きます。次に、下の検索ファイル オプションをクリックして、globalStyle と入力します。最後に、ナビゲーション スタイル パーツを次の場所に見つけます。ファイルを変更するだけです。

uniappでナビゲーションバーのスタイルを設定する方法

#このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、thinkpad t480 コンピューター。

uniapp でナビゲーション バーのスタイルを設定する方法:

1. まず、下の図に示すように、クリックして次のプロジェクトを作成します

uniappでナビゲーションバーのスタイルを設定する方法

2. 次に、下の図に示すように、uni-app プロジェクトを作成します。

uniappでナビゲーションバーのスタイルを設定する方法

3. 次に、pages.json ファイルを開きます。 、以下の図に示すように、

uniappでナビゲーションバーのスタイルを設定する方法

推奨 (無料):

uni-app 開発チュートリアル

4. 次に、[検索] をクリックします。以下の図に示すように、ファイル オプションを使用してそれを見つけます

uniappでナビゲーションバーのスタイルを設定する方法

5。次に、以下に示すように、globalStyle と入力して Enter キーを押します。

##6. 最後に、「ナビゲーション スタイルの検索」部分を入力します。以下の図に示すように、ここで変更できます。

uniappでナビゲーションバーのスタイルを設定する方法

##関連する無料学習推奨事項:

php プログラミング

(ビデオ)uniappでナビゲーションバーのスタイルを設定する方法

以上がuniappでナビゲーションバーのスタイルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。