share التنزيل - share تنزيل كود المصدر

share

كود الذكاء الاصطناعي

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 ( {
      ...
    } )
  }
}

نصائح :

إذا تم استدعاء المكون في صفحة علامة التبويب، نظرًا لأن شريط التبويب الموجود في الأسفل يحتوي على مستوى أعلى والملصق أطول، فسيتم حجبه به. يمكنك التحكم في رؤية شريط التبويب من خلال حالات حدث showPoster و closePoster .
وحدة البعد تدعم rpx
يمكن تبسيط ملفات قوالب الملصقات وضغطها عن طريق استخراج الأنماط الشائعة

قائمة الممتلكات

ملكية	يكتب	القيمة الافتراضية	مطلوب	يوضح
يعرض	منطقية	خطأ شنيع	نعم	ما إذا كان سيتم عرضه
لوحة	هدف		نعم	مصدر بيانات الملصق
قناع	منطقية	حقيقي	لا	ما إذا كان سيتم عرض قناع الخلفية أم لا
MaskClosable	منطقية	خطأ شنيع	لا	هل يمكن إيقاف تشغيل قناع الخلفية من خلال النقر عليه؟
ربط:setPoster	معالج الأحداث		نعم	يتم تشغيل الحدث عند النقر للمشاركة في اللحظات، ويستخدم بشكل عام لإنشاء وتمرير بيانات الملصق التي تم إنشاء مثيل لها
ربط:showPoster	معالج الأحداث		لا	الحدث الذي تم تشغيله بعد إنشاء الملصق، events.detail = {path}
ربط: إغلاق الملصق	معالج الأحداث		لا	حدث تم تشغيله بعد إغلاق الملصق، events.detail = {saved}