uni-uiプロジェクトにColorUIを導入する方法を記録する

ColorUI は、H5、WeChat アプレット、Android、ios、Alipay に適した、高品質で高度にカスタマイズされた CSS コンポーネント ライブラリです。では、uni-ui プロジェクトに ColorUI を導入するにはどうすればよいでしょうか?次の記事では、Uni-ui プロジェクトに ColorUI-UniApp プラグインを導入する方法を紹介します。

# 1. uniapp プラグイン マーケットで ColorUI-UniApp プラグインを検索し、ダウンロードして解凍します。

2. 以下に示すように、colorui ファイルを uni-ui プロジェクトのルート ディレクトリにコピーします。図:

3. uni-ui プロジェクトの App.vue ファイル構成は次のとおりです:

現在、uni-ui プロジェクトに ColorUI-UniApp が導入されていますプラグインの終了

4. カスタム ナビゲーション バー

cu-custom.vue構成は次のとおりです:

main .js 構成は次のとおりです:

Pages.json の構成は次のとおりです。

5. ページの使用法は次のとおりです。

ページのレンダリング:

推奨事項: 「

uniapp チュートリアル 」

以上がuni-uiプロジェクトにColorUIを導入する方法を記録するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。