ダウンロードをshare - ソースコードのダウンロードshare

share

AI ソースコード

1.0.0

ダウンロード

ミニシェア

WeChat アプレット共有コンポーネントは視覚的に設計でき、json としてエクスポートして共有ポスターテンプレートを生成できます。

現在、右上隅のメニューに「Share to Moments」ボタンの動作を監視するインターフェイス (ベータ版、現在 Android プラットフォームでのみサポートされています) がありますが、多くの制限があります。写真ベースの共有は、友人関係やプラットフォームを越えるより良い方法です。

エフェクト表示

使用方法

コンポーネントの取得

 git clone https://github.com/MakerGYT/share.git

コンポーネントの紹介

└── components
    ├── painter
    └── share

共有とペインタをコンポーネントフォルダーにコピーし、構成ファイルを通じてこのコンポーネントを導入します。

{
  "usingComponents" :{
    "share" : " /components/share/share "
  }
}

コンポーネントを使用する

 <!-- index.wxml -->
< button bindtap =" toShare " type =" primary " >分享</ button >
< share show =" {{shareShow}} " bind:setPoster =" toMoments " palette =" {{palette}} " > </ share >

 // index.js
import Poster from 'poster.js' ;
Page ( {
  data : {
    shareShow : false
  } ,
  toShare : function ( e ) {
    this . setData ( {
      shareShow : true
    } )
  } ,
  toMoments : function ( ) {
    this . setData ( {
      palette : new Poster ( params ) . palette ( )
    } )
  } ,
} )

ポスターテンプレートファイルはツールを使用して描画され、 poster.jsに保存されます

 // poster.js
export default class Poster {
  constructor ( params ) {
    this . params = params ;
  }
  palette ( ) {
    return ( {
      ...
    } )
  }
}

ヒント:

コンポーネントがタブページで呼び出される場合、下部のタブバーのレベルが高く、ポスターが長いため、 showPosterおよびclosePosterイベントの状態を通じてタブバーの表示を制御できます。
寸法単位は rpx をサポートします
ポスターテンプレートファイルは、一般的なスタイルを抽出することで簡素化および圧縮できます。

物件一覧

財産	タイプ	デフォルト値	必須	説明する
見せる	ブール値	間違い	はい	表示するかどうか
パレット	物体		はい	ポスターデータソース
マスク	ブール値	真実	いいえ	背景マスクを表示するかどうか
マスク開閉可能	ブール値	間違い	いいえ	背景マスクをクリックしてオフにできますか?
バインド:setPoster	イベントハンドラ		はい	クリックしてモーメントに共有するとトリガーされるイベント。通常はインスタンス化されたポスターデータを生成して渡すために使用されます。
バインド:showPoster	イベントハンドラ		いいえ	ポスターの生成後にトリガーされるイベント、event.detail = {path}
バインド:閉じるポスター	イベントハンドラ		いいえ	ポスターを閉じた後にトリガーされるイベント、event.detail = {saved}