【WeChatミニプログラム6】サードパーティUI（ColorUi）を導入する方法

        ミニプログラムのColorUIはネイティブベースで開発された非常に優れたUIです。これにより、開発プロセス中に非常にうまく使用できるようになります。詳しい導入方法については、ColorUI 公式 Web サイトを参照してください: http://docs.xzeu.com/#/

1. ColorUIをダウンロードする

        公式ウェブサイトのトップページにある GitHub をクリックして、ダウンロード ページに入ります。次に、以下に示す指示に従ってください。

         ダウンロード完了後、解凍して開くと以下のようなディレクトリ構成が表示されます。

2. ColorUIの導入

       1. coloruiフォルダーをコピーします。

        上記のディレクトリ構造でデモ フォルダーを開き、その中にある colorui フォルダー全体をミニ プログラム プロジェクトにコピーし、pages フォルダーと同じレベルに配置します。

        2.インポートパスを設定する

        プロジェクト ディレクトリ内のapp.wxssファイルを開き、次のコードを記述します。

/**app.wxss**/
@import '/colorui/main.wxss';
@import '/colorui/icon.wxss';
@import '/colorui/animation.wxss'; 

        3. 開発ドキュメント

        開発プロセス中に、公式ドキュメントを参照できます: http://docs.xzeu.com/#/info/Quick Start/Quick Deployment

同様に、ColorUI ファイル パッケージで提供されているデモ ファイルを直接開き、そこから目的のコンテンツを見つけて、それを個人プロジェクトに直接コピーすることもできます。

 

        4. ColorUi公式パッケージ

                皆さんのダウンロードを容易にするために、ダウンロードした ColorUi2.0 パッケージを CSDN にアップロードしました。ここから直接ダウンロードできます: https://download.csdn.net/download/m0_60318025/87894170