wuss weapp

Wuss Weapp

مكتبة مكون WeChat Applet UI عالية الجودة وكاملة ومخصصة للغاية

وثيقة

https://phonycode.github.io/wuss-weapp

مجموعة الاتصالات الرسمية لـ Wuss Weapp

QQ Group Number 787275772

مسح رمز الاستجابة السريعة للتجربة

استخدم WeChat للمسح الضوئي لتجربة أمثلة مكونات برنامج Mini

الصورة التجريبية

ابدأ بسرعة

قبل البدء في استخدام Wuss Weapp ، تحتاج إلى قراءة الوثائق ذات الصلة للمكونات المخصصة لـ WeChat Applet.

كيفية استخدام

الطريقة 1 [الموصى بها] (تثبيت التبعيات من خلال NPM وإنشاء وحدات NPM في التطبيقات)

1. حدد موقع دليل تطوير Applet الحالي باستخدام أوامر shell أو GIT ، ثم تثبيت التبعيات باستخدام NPM أو الغزل.

npm init && npm install --production wuss-weapp

أو

yarn init && yarn add --production wuss-weapp

2. بعد اكتمال تثبيت التبعية ، يمكنك النقر فوق [أدوات] => [بناء NPM] في أداة مطور Applet WeChat. إذا ظهرت نافذة منبثقة ، تذكر "استخدام وحدة NPM" للتحقق من ذلك. إذا لم يكن هناك نافذة منبثقة ، تحقق يدويًا في التفاصيل بعد اكتمال الإنشاء.

3. بعد اكتمال الإنشاء ، يمكنك إضافة المكونات المطلوبة. تكوين في الصفحة JSON:

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

4. استخدم المكونات في WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

5. استخدم في JavaScript:

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ; 

الطريقة 2 (انسخ DIST للمشروع الحالي إلى مشروعك الخاص)

1. انتقل إلى Github لتنزيل رمز Wuss Weapp ونسخ dist إلى مشروعك. ثم استخدم المكون بالطريقة التالية. أخذ الزر كمثال ، يتم عرض مكونات أخرى على صفحة المستند المقابلة:

2. إضافة المكونات المطلوبة. تكوين في الصفحة JSON (يتم تكوين المسار وفقًا لموقع مشروعك):

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

2. استخدم المكونات في WXML:

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

معاينة جميع المكونات

لدينا أمثلة مدمجة لجميع المكونات ، يمكنك مسح رمز التطبيقليت أعلاه لتجربة ذلك ، أو عرضه في أداة مطور WeChat على النحو التالي:

git clone https://github.com/phonycode/wuss-weapp.git

ثم افتح المشروع مباشرة في أداة مطور WeChat.

يساهم

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

رخصة

معهد ماساتشوستس للتكنولوجيا