share

Mini-Aktie

Die WeChat-Applet-Sharing-Komponente kann visuell gestaltet und als JSON exportiert werden, um Sharing-Poster-Vorlagen zu generieren

Obwohl es derzeit eine Schnittstelle zum Überwachen des Verhaltens der Schaltfläche „Mit Momenten teilen“ im oberen rechten Eckmenü gibt (Betaversion, derzeit nur auf der Android-Plattform unterstützt), gibt es viele Einschränkungen. Bildbasiertes Teilen ist immer noch eine bessere Möglichkeit, Freundschaften und Plattformen zu knüpfen.

Effektanzeige

Wie zu verwenden

1. Komponente abrufen

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

2. Komponenten vorstellen

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

Kopieren Sie Share und Painter in den Komponentenordner und führen Sie diese Komponente über die Konfigurationsdatei ein:

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

3. Komponenten verwenden

 <!-- 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 ( )
    } )
  } ,
} )

Die Postervorlagendatei wird mithilfe von Tools gezeichnet und in poster.js gespeichert

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

Tipps :

• Wenn die Komponente auf der Tab-Seite aufgerufen wird, wird sie verdeckt, da die Tabbar unten eine höhere Ebene hat und das Poster länger ist. Sie können die Sichtbarkeit der Tabbar über showPoster und closePoster steuern.
• Die Dimensionseinheit unterstützt rpx
• Postervorlagendateien können durch Extrahieren gängiger Stile vereinfacht und komprimiert werden

Immobilienliste

Eigentum	Typ	Standardwert	Erforderlich	veranschaulichen
zeigen	Boolescher Wert	FALSCH	Ja	Ob angezeigt werden soll
Palette	Objekt		Ja	Plakatdatenquelle
Maske	Boolescher Wert	WAHR	NEIN	Ob die Hintergrundmaske angezeigt werden soll
MaskeVerschließbar	Boolescher Wert	FALSCH	NEIN	Kann die Hintergrundmaske durch Anklicken ausgeschaltet werden?
bind:setPoster	Eventhandler		Ja	Ereignis, das beim Klicken auf „Teilen in Moments“ ausgelöst wird und im Allgemeinen zum Generieren und Übergeben instanziierter Posterdaten verwendet wird
bind:showPoster	Eventhandler		NEIN	Ereignis, das nach der Erstellung des Posters ausgelöst wird, event.detail = {path}
bind:closePoster	Eventhandler		NEIN	Ereignis wird nach dem Schließen des Posters ausgelöst, event.detail = {saved}

verlassen

Painter , einige Probleme behoben, pull257:

• Unterstützen Sie canvas2D
• Fehler beim Speichern von Bildern behoben
• Das Problem, dass benutzerdefinierte Schriftarten auf realen Geräten nicht angezeigt werden können, wurde behoben
• Beheben Sie Fehler, die durch große Leinwandgrößen verursacht werden
• Korrigieren Sie verschwommene echte Telefonbilder
• Einen Teil der Grammatik standardisieren

Lizenz

Apache-2.0 © MakerGYT