WeChat ミニ プログラム: スタイル テンプレートの使用

小規模なプログラムの開発プロセスでは、複数のページのレイアウト コードが同じである状況に遭遇する可能性がありますが、これらのスタイルのコードは毎回書き換える必要があります。他の開発と同様に、WeChat アプレットもスタイル テンプレートを使用するため、非常に面倒でリソースを無駄にします。今回紹介するのはスタイルテンプレートの使い方（インクルードとインポート）です。

1. include を使用してテンプレート スタイルを含めます。例: まず、テキスト コンポーネント テンプレートを保存するフォルダーを作成する必要があります。例 :

次に、 を使用して、変更されたテンプレートを参照する必要があるページにインポートします。表示結果は以下のようになることがわかります:

この方法を使用してテンプレートを参照することは、実際にはテンプレート内のすべてのヘッダー コードをコピーして

2 を参照することと同じです。

<!--模板样式的使用  底部样式-->
<import src="../templates/footer"  />
<template is="footer1" />

同様に、テンプレートの下に footer.wxml を作成し、下部の 2 つのレイアウトを作成します。コードは次のとおりです

<template name="footer1">
51小程序-底部布局1
</template>

<template name="footer2">
51小程序-底部布局2
</template>

これら 2 つの下部のスタイルを newvip.wxml ページにインポートする方法は次のとおりです。 , ( 2 つのスタイルがあるため、どちらのスタイルを使用するかを指定するためにテンプレートを使用する必要があります)

<!--模板样式的使用，底部样式-->
<import src="../templates/footer" />
<template is="footer1" />
<!--模板样式的使用，底部样式-->
<import src="../templates/footer" />
<template is="footer2" />

デバッグと実行後の結果は次のとおりです:

概要:

1 と同等です。呼び出されたファイルにそれを置く すべての内容がコピーされます。
2.インポートで使用する必要があるのは、すべてをコピーするのではなく、どのスタイルを呼び出すかを宣言することです

このセクションの注意事項:

1.最後に/があります

2. もあります。その他の WeChat ミニ プログラムについては、スタイル テンプレートの使用に関する関連記事を参照してください。PHP 中国語 Web サイトに注目してください。