share

Mini compartir

El componente para compartir subprogramas de WeChat se puede diseñar visualmente y exportar como json para generar plantillas de carteles para compartir.

Aunque actualmente existe una interfaz para monitorear el comportamiento del botón "Compartir en Momentos" en el menú de la esquina superior derecha (versión beta, actualmente solo compatible con la plataforma Android), existen muchas restricciones. Compartir imágenes sigue siendo una mejor manera de cruzar amistades y plataformas.

Visualización de efectos

como usar

1. Obtener componente

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

2. Introducir componentes

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

Copie share y pintor a la carpeta del componente e introduzca este componente a través del archivo de configuración:

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

3. Usar componentes

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

El archivo de plantilla de póster se dibuja con herramientas y se guarda en poster.js

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

Consejos :

• Si el componente se llama en la página de pestañas, dado que la barra de pestañas en la parte inferior tiene un nivel más alto y el cartel es más largo, quedará oculto. Puede controlar la visibilidad de la barra de pestañas a través de showPoster y closePoster .
• La unidad de dimensión admite rpx
• Los archivos de plantillas de carteles se pueden simplificar y comprimir extrayendo estilos comunes

Lista de propiedades

propiedad	tipo	valor predeterminado	Requerido	ilustrar
espectáculo	booleano	FALSO	Sí	Ya sea para mostrar
paleta	Objeto		Sí	fuente de datos del cartel
mascarilla	booleano	verdadero	No	Ya sea para mostrar la máscara de fondo
máscaraCerrable	booleano	FALSO	No	¿Se puede desactivar la máscara de fondo haciendo clic en ella?
enlazar: establecer cartel	controlador de eventos		Sí	Evento que se activa al hacer clic para compartir en Momentos, generalmente se usa para generar y pasar datos de carteles instanciados.
enlazar: mostrar cartel	controlador de eventos		No	Evento desencadenado después de generar el cartel, event.detail = {path}
enlazar: cerrar Póster	controlador de eventos		No	Evento activado después de cerrar el cartel, event.detail = {saved}

confiar

Painter , solucionó algunos problemas, pull257:

• Soporte lienzo2D
• Corregir error al guardar imágenes.
• Se solucionó el problema de que las fuentes personalizadas en dispositivos reales no se pueden mostrar
• Solucionar errores causados ​​por el gran tamaño del lienzo
• Reparar imágenes borrosas de teléfonos reales
• Estandarizar parte de la gramática.

Licencia

Apache-2.0 © MakerGYT