wuss weappダウンロード-Wuss wuss weappソースコードのダウンロード

wuss weapp

サードパーティ製コンポーネント

1.0.0

ダウンロード

wuss weapp

高品質で、完全で高度にカスタマイズされたWeChatアプレットUIコンポーネントライブラリ

書類

https://phonycode.github.io/wuss-weapp

Wuss Weapp公式コミュニケーショングループ

QQグループ番号787275772

QRコードをスキャンして経験します

WeChatを使用してスキャンしてミニプログラムコンポーネントの例を体験してください

デモ画像

すぐに始めましょう

Wuss Weappの使用を開始する前に、WeChatアプレットのカスタムコンポーネントの関連ドキュメントを読む必要があります。

使い方

方法1 [推奨]（NPMを介して依存関係をインストールし、アプレットにNPMモジュールを構築）

シェルコマンドまたはgitを使用して現在のアプレット開発ディレクトリを見つけ、NPMまたはYARNを使用して依存関係をインストールします。

npm init && npm install --production wuss-weapp

または

yarn init && yarn add --production wuss-weapp

依存関係のインストールが完了したら、[ツール] => [NPMをビルド] Wechat Applet Developer Toolでクリックできます。ポップアップウィンドウが表示されている場合は、「NPMモジュールを使用」して確認してください。ポップアップウィンドウがない場合は、ビルドが完了した後に詳細を手動で確認してください。
ビルドが完了したら、必要なコンポーネントを追加できます。ページで構成json：

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

WXMLでコンポーネントを使用します。

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

JavaScriptで使用：

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ;

方法2（現在のプロジェクトのdistを自分のプロジェクトにコピー）

Githubにアクセスして、Wuss Weappのコードをダウンロードし、 dist Directoryをプロジェクトにコピーします。次に、次の方法でコンポーネントを使用します。たとえば、他のコンポーネントが対応するドキュメントページで表示されます。
必要なコンポーネントを追加します。ページJSON（パスはプロジェクトの場所に従って構成されています）で構成します。

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

WXMLでコンポーネントを使用します。

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

すべてのコンポーネントをプレビューします

すべてのコンポーネントの組み込み例があります。上記のアプレットコードをスキャンして体験するか、次のようにWeChat開発者ツールで表示できます。

git clone https://github.com/phonycode/wuss-weapp.git

次に、WeChat開発者ツールでプロジェクトを直接開きます。

貢献する

コメントや提案がある場合は、問題についてお気軽にお問い合わせください。問題に言及する前に、関連する問題があるかどうかをお読みください。または、関連する問題があるが問題が閉じられている場合、それはまだ更新されていないバージョンにすぎません。この問題の下に返信しないでください。更新後も更新されたバージョンが存在する場合は、新しい問題を提出してください。ありがとう。