この記事では、ミニ プログラムのグローバル構(gòu)成について説明し、ミニ プログラムの一般的な構(gòu)成項目とページ構(gòu)成ファイルについて學(xué)びます。
#グローバル構(gòu)成ファイルと一般的に使用される構(gòu)成項目
app.json (ルート ディレクトリ內(nèi))ミニ プログラム このファイルはアプレットのグローバル設(shè)定ファイルです。一般的に使用される構(gòu)成は次のとおりです:
- pages
: 現(xiàn)在のミニ プログラム - window
のすべてのページのストレージ パスを記録します。ミニ プログラム ウィンドウの外観をグローバルに設(shè)定します。 - tabBar
: ミニ プログラムstyle## の下部にあるtabBar - 効果を設(shè)定します。 #: 新しいバージョンのコンポーネント スタイルを有効にするかどうか [関連する學(xué)習(xí)の推奨事項:
小さなプログラム開発チュートリアル]
小さなプログラム ウィンドウのコンポーネント
#プロパティ名
| デフォルト値 | 説明 | ##navigationBarTitleText | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ナビゲーション バーのタイトル テキストの內(nèi)容 | navigationBarBackgroundColor | HexColor | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ナビゲーション バーの背景色 | navigationBarTextStyle | String | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ナビゲーションバーのタイトルの色。黒/白のみをサポートします | backgroundColor | HexColor | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ウィンドウの背景色 | backgroundTextStyle | String | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ドロップダウン読み込みのスタイル。ダーク/ライトのみをサポートします | ##enablePullDownRefresh | Boolean | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| プルダウン更新をグローバルに有効にするかどうか | onReachBottomDistance | Number | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ページ下部へのプル イベントがトリガーされたときのページ下部からの距離 (px | 単位) # ナビゲーション バーのタイトルを設(shè)定します
ナビゲーション バーの背景色を設(shè)定します app.json -> window -> NavigationBarBackgroundColor ##ナビゲーション バーのタイトル色の設(shè)定##app.json -> window ->enablePullDownRefresh #app.json<span style="font-size: 18px;"></span># でプルダウン更新機(jī)能を有効にし、各ミニ プログラム ページに適用されます)
プルダウン更新機(jī)能がグローバルに有効になっている場合、デフォルトのウィンドウ背景は白です。カスタム プルダウン更新ウィンドウの背景色を設(shè)定します。app.json -> window ->backgroundColor
プルダウン更新機(jī)能がグローバルに有効になっている場合、デフォルトのウィンドウ読み込みは白になります。読み込みスタイルの効果を設(shè)定します。app.json -> window ->backgroundTextStyle
プルアップとボトムアウト: 畫面上で指を上にスライドさせてさらにデータを読み込む行為app.json -> ウィンドウ - > ; onReachBottomDistance
tabBar とはtabBar は、モバイル アプリケーションで一般的なページ効果であり、複數(shù)のページをすばやく切り替えるために使用されます。ミニ プログラムでは 2 つのタイプに分けられます: Bottom tabBar
##tabBar 共通設(shè)定項目
#tabBar コンポーネントの設(shè)定項目 屬性
|
以上がミニプログラムでのグローバル構(gòu)成の詳細(xì)な分析の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
Python を使用して WeChat アプレットを開発する
Jun 17, 2023 pm 06:34 PM
モバイル インターネット技術(shù)とスマートフォンの普及により、WeChat は人々の生活に欠かせないアプリケーションになりました。 WeChat ミニ プログラムを使用すると、アプリケーションをダウンロードしてインストールすることなく、ミニ プログラムを直接使用して、いくつかの簡単なニーズを解決できます。この記事では、Python を使用して WeChat アプレットを開発する方法を紹介します。 1. 準(zhǔn)備 Python を使用して WeChat アプレットを開発する前に、関連する Python ライブラリをインストールする必要があります。ここでは、wxpy と itchat の 2 つのライブラリを使用することをお勧めします。 wxpy は WeChat マシンです
WeChat ミニ プログラムにカードめくり効果を?qū)g裝する
Nov 21, 2023 am 10:55 AM
WeChat ミニ プログラムでのカードめくり効果の実裝 WeChat ミニ プログラムでは、カードめくり効果の実裝は、ユーザー エクスペリエンスとインターフェイス インタラクションの魅力を向上させることができる一般的なアニメーション効果です。以下では、WeChat アプレットでカードめくりの特殊効果を?qū)g裝する方法と、関連するコード例を詳しく紹介します。まず、ミニ プログラムのページ レイアウト ファイルに 2 つのカード要素を定義する必要があります。1 つは前面のコンテンツを表示するため、もう 1 つは背面のコンテンツを表示するためです。具體的なサンプル コードは次のとおりです: <!--index.wxml- ->&l
アリペイ、希少文字ライブラリを収集?補(bǔ)完する「漢字拾い-希少文字」ミニプログラムを開始
Oct 31, 2023 pm 09:25 PM
10月31日の當(dāng)サイトのニュースによると、今年5月27日、アント?グループは「漢字拾いプロジェクト」の立ち上げを発表し、最近新たな進(jìn)展を迎えた：アリペイが「漢字拾い-珍しい文字」ミニプログラムを開始協(xié)會からコレクションを収集する レア文字は、レア文字ライブラリを補(bǔ)完し、アリペイでのレア文字入力方法の改善に役立つように、レア文字に異なる入力エクスペリエンスを提供します?，F(xiàn)在、ユーザーは「漢字ピックアップ」「珍文字」などのキーワードで検索することで「珍文字」アプレットに入ることができる。ミニプログラムでは、ユーザーがシステムで認(rèn)識?入力されなかった珍しい文字の畫像を送信し、確認(rèn)後、Alipay のエンジニアがフォントライブラリに追加エントリを作成します。當(dāng)サイトでは、発音が不明瞭な珍しい単語を?qū)澫螭趣筏孔钚陇螀g語分割入力方法をミニプログラムで體験できることに注目しました。ユーザー解體
小さなプログラムでも反応できますか?
Dec 29, 2022 am 11:06 AM
ミニプログラムはreactを利用することができます 使い方: 1. 「react-reconciler」に基づいてレンダラーを?qū)g裝し、DSLを生成します; 2. DSLを解析してレンダリングするためのミニプログラムコンポーネントを作成します; 3. npmをインストールし、開発者ビルドを?qū)g行しますツール內(nèi)の npm; 4. パッケージを獨(dú)自のページに導(dǎo)入し、API を使用して開発を完了します。
uniapp がミニ プログラムと H5 の間で迅速な変換を?qū)g現(xiàn)する方法
Oct 20, 2023 pm 02:12 PM
uniapp がミニ プログラムと H5 の間で迅速な変換を?qū)g現(xiàn)するには、具體的なコード例が必要ですが、近年、モバイル インターネットの発展とスマートフォンの普及に伴い、ミニ プログラムと H5 は不可欠なアプリケーション形式となっています。クロスプラットフォーム開発フレームワークとして、uniapp は一連のコードに基づいて小規(guī)模プログラムと H5 間の変換を迅速に実現(xiàn)し、開発効率を大幅に向上させます。この記事では、uniapp がミニ プログラムと H5 の間で迅速な変換を?qū)g現(xiàn)する方法と、具體的なコード例を紹介します。 1. uniapp uniaの紹介
ミニ プログラムでパブリック アカウント テンプレート メッセージを使用する方法を説明します (詳細(xì)なアイデア付き)
Nov 04, 2022 pm 04:53 PM
この記事では、WeChat ミニ プログラムに関するいくつかの関連事項を紹介します。主に、ミニ プログラムでパブリック アカウント テンプレート メッセージを使用する方法を紹介します。一緒に見てみましょう。皆さんのお役に立てれば幸いです。
Python で簡単なチャット プログラムを作成するためのチュートリアル
May 08, 2023 pm 06:37 PM
実裝アイデア: チャット ルームのさまざまな機(jī)能を処理するために、スレッドのサーバー側(cè)を確立します。x02 クライアントの確立はサーバーよりもはるかに簡単です。クライアントの機(jī)能はメッセージの送受信と、特定の文字を特定の規(guī)則に従って入力するため、クライアント側(cè)では、メッセージ受信専用とメッセージ送信専用の 2 つのスレッドを使用するだけで、さまざまな機(jī)能を使用できます。使用しないでください。
PHP とミニプログラムを使用した地理的位置特定と地図表示
Jul 04, 2023 pm 04:01 PM
PHP およびミニ プログラムの地理位置測位と地図表示 地理位置測位と地図表示は、現(xiàn)代のテクノロジーにおいて必要な機(jī)能の 1 つになっています。モバイルデバイスの普及に伴い、測位と地図表示に対する人々の需要も高まっています。開発プロセスでは、PHP とアプレットの 2 つのテクノロジーが一般的に選択されます。この記事では、PHP およびミニ プログラムでの地理的位置の測位と地図表示の実裝方法を紹介し、対応するコード例を添付します。 1. PHP での地理位置情報 PHP では、サードパーティの地理位置情報を使用できます。
