share

Mini-partage

Le composant de partage d'applet WeChat peut être conçu visuellement et exporté au format JSON pour générer des modèles d'affiche de partage

Bien qu'il existe actuellement une interface permettant de surveiller le comportement du bouton « Partager sur Moments » dans le menu du coin supérieur droit (version bêta, actuellement prise en charge uniquement sur la plateforme Android), il existe de nombreuses limitations. Le partage basé sur des images reste un meilleur moyen de nouer des amitiés et des plateformes.

Affichage des effets

Comment utiliser

1. Obtenir le composant

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

2. Introduire les composants

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

Copiez le partage et le peintre dans le dossier du composant et introduisez ce composant via le fichier de configuration :

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

3. Utiliser des composants

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

Le fichier de modèle d'affiche est dessiné à l'aide d'outils et enregistré sur poster.js

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

Conseils :

• Si le composant est appelé sur la page Onglet, puisque la barre d'onglets en bas a un niveau plus élevé et que l'affiche est plus longue, elle sera masquée par celle-ci. Vous pouvez contrôler la visibilité de la barre d'onglets via showPoster et closePoster .
• L'unité de dimension prend en charge rpx
• Les fichiers de modèles d'affiche peuvent être simplifiés et compressés en extrayant les styles courants

Liste des propriétés

propriété	taper	valeur par défaut	Requis	illustrer
montrer	Booléen	FAUX	Oui	S'il faut afficher
palette	Objet		Oui	source de données d'affiche
masque	Booléen	vrai	Non	S'il faut afficher le masque de fond
masqueFermable	Booléen	FAUX	Non	Le masque de fond peut-il être désactivé en cliquant dessus ?
liaison:setPoster	gestionnaire d'événements		Oui	Événement déclenché lors d'un clic pour partager sur Moments, généralement utilisé pour générer et transmettre des données d'affiche instanciées
liaison:showPoster	gestionnaire d'événements		Non	Événement déclenché après la génération de l'affiche, event.detail = {path}
lier: fermerAffiche	gestionnaire d'événements		Non	Événement déclenché après la fermeture de l'affiche, event.detail = {saved}

compter sur

Painter , correction de quelques problèmes, pull257 :

• Prise en charge de toile2D
• Correction d'une erreur lors de l'enregistrement des images
• Correction du problème selon lequel les polices personnalisées sur les appareils réels ne peuvent pas être affichées
• Corriger les erreurs causées par une grande taille de toile
• Corriger les vraies photos floues du téléphone
• Standardiser une partie de la grammaire

Licence

Apache-2.0 © MakerGYT