lin uiダウンロード - lin uiソースコードのダウンロード

ダウンロード

中国語ドキュメント|公式チュートリアル

Lin UIは単なるUIコンポーネントライブラリではありません!
WeChat ミニプログラムのネイティブ構文に基づいた高品質の UI コンポーネントライブラリのセット。

導入

Lin UI は、WeChat ミニプログラムのネイティブ構文に基づいた高品質の UI コンポーネントライブラリのセットです。シンプル・使いやすさ・美しさのデザイン仕様を踏襲。

必ず增强编译、 Es6 转ES5確認し、使用npm 模块。図を参照してください。

プロジェクトを NPM プロジェクトとして初期化します。
```
 npm init -y
```
プロジェクトのルートディレクトリに package.json ファイルが既に含まれている場合は、この手順をスキップできます。
リン UI をインストールする
```
 npm i lin-ui
```
WeChat 開発者ツールの構成 Lin UI を正しくインストールするには、WeChat 開発者ツールの次の 3 つのオプションをすべてチェックする必要があります。図を参照してください。
- 使用npm 模块
- 增强编译
- ES6 转ES5
設定パス: WeChat 開発者ツールの右上隅 -> 詳細 -> ローカル設定
NPM モジュールの構築 WeChat 開発者ツールを構成した後、NPM モジュールを構築する必要があります。
ボタンの場所: WeChat 開発者ツールの上部 -> ツール -> Build npm

ローカルに Node.js 環境がなく、NPM を使用してインストールできない場合は、ソースコードを使用してインストールできます。

WeChat開発者ツールを構成する
- Lin UI を正しく使用するには、WeChat 開発者ツールでEs6 转ES5と增强编译オプションを確認する必要があります。
  設定パス: WeChat 開発者ツールの右上隅 -> 詳細 -> ローカル設定
- 基本ライブラリのバージョンを>=2.8.2以上に設定します。

ページ内で紹介されている

{
  "usingComponents" :{
    "l-button" : " /miniprogram_npm/lin-ui/button/index "
  }
}