小さなマイクロチャネルUIコンポーネントライブラリのユニアプリケーション開発プログラムの導入（Vant-weapp）ステップ

小さなマイクロチャネルUIコンポーネントライブラリのユニアプリケーション開発プログラムの導入（Vant-weapp）ステップ

• ここでvant-weapp Aケーススタディ
• ユニアプリの公式文書では、コンポーネントを導入する方法を説明します

1.新しいディレクトリ関連を作成します。

• wxcomponentsにルートディレクトリを作成します
• 新しいvantディレクトリの下wxcomponents

• 終了後のディレクトリ構造を作成します。

  

2.プロジェクト・コンポーネントを導入vant-weapp

• でvant-weapp GitHubでのリリース最新のzipパッケージをダウンロードするセクションを
• ダウンロードしたファイルを解凍し、ちょうどvantを作成したディレクトリにdistディレクトリをコピーします
  

3. UIコンポーネントの紹介ページを使用します

1. App.Vueでスタイルファイルライブラリファイルの導入のスタイルUIコンポーネント部品
   

@import "/wxcomponents/vant/dist/common/index.wxss";

1. pages.jsonの設定ファイルでは、登録ページに必要なコンポーネント

{
    "path": "pages/index/index",
    "style": {
        "usingComponents":{
            "van-button": "/wxcomponents/vant/dist/button/index"
        },
        "navigationBarTitleText": "首页"
    }
}