ステップ1
私たちは、サンプルコードの内部を削除し、小さなプログラム(この例では、Foundationリポジトリ1.7)を初期化し、新規作成するcomponents
ので、私たちの目的は、家庭用のコンポーネントを達成することである、今日使用される部品の開発に私たちの未来を格納するフォルダをで、私たちcomponents
のホームフォルダに新しいアセンブリに、私たちのポップコンポーネントを保持するためのhome
新しいケースを右クリックComponent
し、指名されたhome
後、対応する生成されますjson wxml wxss js
アセンブリカスタムの一部である4文書を、場合あなたを中下に示すような構造を予測する必要があります。
ステップ2
コンポーネントの初期化作業は、次のステップは、あること、最初のカスタム・コンポーネントを宣言するためにすべての私達の必要性の、関連するコンポーネントを設定する準備ができている フィールドが設定されています 。dialog.json
component
true
{ 「コンポーネント」:trueに、 // カスタムコンポーネント宣言 「usingComponents 」:{} // オプション、他の構成要素を指すために使用されます }
ステップ3
コンポーネントは、ここでのデモで書かれていません
STEP4
これまでのところ、あなたは、ほとんどのコンポーネントのポップアップができますが、保存して、我々はまた、必要があるため、すべての変更を見つけることができませんでした後にカスタムを完了する必要があり index.wxml
、それをファイルに紹介します!
まず、必要な index.json
コンポーネントを導入します:
{ " usingComponents " :{ " ホーム":" /コンポーネント/ホーム/インデックス" }、 " navigationBarTitleText ":" 首页" }
コンポーネントは、ここで紹介されている必要があり、プラス/他の奇妙なエラーのすべての種類を報告します覚えておいてください
その後、我々は index.wxml
それを導入しました
<ホーム> </ホーム>