share 다운로드 - share 소스 코드 다운로드

share

AI 소스 코드

1.0.0

다운로드

미니쉐어

WeChat 애플릿 공유 구성 요소를 시각적으로 디자인하고 json으로 내보내 공유 포스터 템플릿을 생성할 수 있습니다.

현재 오른쪽 상단 메뉴에 "순간에 공유" 버튼의 동작을 모니터링하기 위한 인터페이스가 있지만(베타 버전, 현재 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 ( {
      ...
    } )
  }
}

팁 :

Tab 페이지에서 컴포넌트를 호출할 경우 하단의 Tabbar 레벨이 더 높고, 포스터의 길이가 길어서 가려지게 되기 때문에 showPoster , closePoster 이벤트 상태를 통해 Tabbar의 가시성을 제어할 수 있습니다.
차원 단위는 rpx를 지원합니다.
공통 스타일을 추출하여 포스터 템플릿 파일을 단순화하고 압축할 수 있습니다.

부동산 목록

재산	유형	기본값	필수의	설명하다
보여주다	부울	거짓	예	표시 여부
팔레트	물체		예	포스터 데이터 소스
마스크	부울	진실	아니요	배경 마스크 표시 여부
마스크닫을 수 있음	부울	거짓	아니요	배경 마스크를 클릭하면 끌 수 있나요?
바인딩:setPoster	이벤트 핸들러		예	Moments에 공유하기 위해 클릭하면 이벤트가 트리거됩니다. 일반적으로 인스턴스화된 포스터 데이터를 생성하고 전달하는 데 사용됩니다.
바인딩:쇼포스터	이벤트 핸들러		아니요	포스터 생성 후 이벤트가 발생합니다. event.detail = {path}
바인딩:닫기포스터	이벤트 핸들러		아니요	포스터를 닫은 후 이벤트가 발생했습니다. event.detail = {saved}