
easyui
مكتبة مجموعة برمجة Mini-Program البسيطة وسهلة الاستخدام والتي تغلف المكونات الشائعة الاستخدام في التطوير ، وتحسن كفاءة التطوير ، وصيانة الكود. تجاوز حدود سطر واحد من التعليمات البرمجية وتجربة طريقة التطوير خارج المربع. يمكن أن يلبي التكوين الافتراضي معظم الاحتياجات ، وفي الحالات الخاصة ، يمكن تخصيص السمات ذات الصلة لتلبية الاحتياجات.
يمكن استخدام أي مكون في مكتبة المكون بمفرده ولا يعتمد على أي مكون. يمكنك إضافة المكونات التي يتم استخدامها بالفعل وفقًا لاحتياجات العمل ، مما يجعل تطبيق التطبيق الخاص بك أصغر وأصغر.
تصميم وثيقة API و API وفقًا للمكونات الرسمية ، والتي من السهل جدًا البدء بها وهي ودية للغاية للمبتدئين.
نسخة المكتبة الأساسية
يرجى استخدام المكتبة الأساسية أعلاه 1.9.90.
كيفية استخدام
افتح المشروع ، وحدد المكون المطلوب (يوجد المكون في دليل المكون) ، ونسخ المجلد الذي يحتوي على الملفات الأربعة للمكون في مشروعك.
ثم اقتبس في رمز مشروعك. للحصول على تعليمات اقتباس مفصلة ، يرجى التحقق من وثائق البرنامج المصغرة الرسمي.
مسح الرمز لعرض مستند API

تشغيل المشروع
- انتقل إلى دليل جذر المشروع.
- أدخل موقع الويب الرسمي للعقدة لتنزيل العقدة وتثبيتها (يرجى حذف هذه الخطوة إذا تم تثبيتها).
- افتح سطر الأوامر (CMD/Terminal) في دليل جذر المشروع وقم بتشغيل
npm install . لم أر أي مطالبات خطأ في سطر الأوامر ، وهناك دليل إضافي node_modules في دليل جذر المشروع. - استخدم أداة مطور WeChat لفتح المشروع (إذا تم فتحه بالفعل ، فيرجى حذف هذه الخطوة).
- انقر على الزاوية العلوية اليسرى من أدوات مطور WeChat ، الأدوات -> إنشاء NPM. والمطالبة هي أنه بعد الانتهاء من البناء ، سترى أن هناك دليل إضافي miniprogram_npm في دليل جذر المشروع.
- انقر فوق زر "ترجمة" أداة مطور WeChat ويمكنك أن ترى أن المشروع يعمل: Blush:.
دليل المكون
| اسم المكون | طريق | يوضح |
|---|
| icon_button | مكون/زر/icon_button | زر مع أيقونة |
| base_list | مكون/قائمة/base_list | قائمة العناصر مع العنوان والرجوع الفرعي |
| title_view | مكون/هيكل/title_view | عرض مع العنوان |
| base_button | مكون/زر/base_button | زر |
| head_portrait | مكون/قاعدة/head_portrait | الصورة الرمزية |
| يبحث | مكون/نموذج/بحث | قائمة العناصر مع العنوان والرجوع الفرعي |
| endance_text | مكون/قاعدة/endance_text | نص محسّن |
| endance_view | مكون/قاعدة/endance_view | عرض محسّن |
| icon_list | مكون/قائمة/icon_list | يمكن أن تلبي قائمة الأيقونات معظم احتياجات القائمة |
| endance_icon | مكون/قاعدة/endance_icon | أيقونة محسّنة ، يمكن استخدامها لعرض الرموز أو الصور |
| Goods_card | مكون/كبار/Goods_card | بطاقة عرض المنتج |
| goods_detail | مكون/كبار/Goods_Detail | عرض تفاصيل المنتج |
| التعليق _button | مكون/زر/نظام التعليق | زر عائم |
| count_button | مكون/نموذج/count_button | زر العد |
| وسيط | مكون/كبار/مشروط | مربع مشروط |
| goods_list | مكون/قائمة/goods_list | قائمة المنتج |
| الشريط الجانبي | مكون/كبار/الشريط الجانبي | قائمة الشريط الجانبي |
| ensance_image | مكون/قاعدة/تعزيز | صورة محسّنة ، يمكن استخدامها في المشاهد التي يلزم فيها صور الخلفية |
| head_view | مكون/هيكل/head_view | عرض مع شريط عنوان الرأس |
| base_card | مكون/قائمة/base_card | مكونات البطاقة الأساسية |
| علامات التبويب | مكون/كبار/علامات التبويب | شريط العلامات |
| load_more | مكون/قاعدة/load_more | تحميل المزيد من المكونات |
| تحميل | مكون/قاعدة/تحميل | تحميل مكونات الرسوم المتحركة |
| يظهر فجأة | مكون/كبار/منبثقة | مكون صندوق المنبثقة |
| فاحص | مكون/نموذج/مدقق | مكون الخيار ، يستخدم عادة لاختيار مواصفات المنتج |
| Progress_Bar | مكون/قاعدة/Progress_Bar | شريط التقدم مكون |
| رمز | مكون/قاعدة/أيقونة | مكون رمز |
| انتقال | مكون/قاعدة/انتقال | مكونات التأثير المفرط |
وصف الإصدار
v1.3.0 الماضي
- Progress_Bar
- رمز
- انتقال
- تحسين التطبيقات
v1.2.1
- المكونات المضافة
- إصلاح وتحسين
- قم بتحسين برنامج Mini وأضف صفحة اكتشاف
- قم بتحسين مكون التعليق _button ، أضف سمة Opentype لتكون متوافقة مع سيناريوهات الاستخدام الخاصة لمكونات الأزرار الأصلية
- قم بتحسين مكون Conspension_button ، إضافة فئة مخصصة IMG-CUS ، والتي يمكن استخدامها في السيناريوهات حيث يتم استخدام مكتبة أيقونة Alibaba
- قم بتحسين مكون icon_button وزيادة دعم السمات من النوع والمفتوح لمكونات الأزرار الأصلية للتطبيقات
- أضف قاع فتحة مخصصة في الجزء السفلي من مكون البضائع
- تم إصلاح الخلل حيث لم ينجح عرض مكون التحميل وسمات الارتفاع
- تم إصلاح الخلل حيث تعرض السمة المحددة لمكون علامات التبويب استثناءات عند استخدام الواجهة لربط البيانات.
- تم إصلاح إصدار نمط مكون icon_button
- تم إصلاح علة مكون علامات التبويب الناتجة عن ترقية إصدار المكتبة الأساسية
- تم إصلاح الخطأ الذي أثار حدث النقر عند نقل مكون التعليق _button
- إصلاح الخلل في الفئة المخصصة CUS لمكون endance_image
v1.2.0
- المكونات المضافة
- إصلاح وتحسين
- يدعم مكون البضائع _detail عرض الفيديو
- إصلاح حشرة مكون
v1.1.0
- علامات التبويب
- load_more
- تحميل
- يظهر فجأة
- فاحص
- يدعم زر إغلاق المكون المشروط مكتبة أيقونة Alibaba
- icon_button تمت إضافة سمة datacus
- تم إصلاح الخطأ الذي لا يعرضه مكون الشريط الجانبي عند استخدام setData لتحديث البيانات
- تمت إضافة سمة datacus وسمة محددة على الشريط الجانبي
- يضيف البحث وظيفة حدث Onclean
- سمة Datacus جديدة
- يضيف Poulds_list سمة datacus
- علامات التبويب تحسين المكون
- COMPENSION_BUTTON CONCENT EVENT لا يؤدي إلى إصلاح الأخطاء
- مشكلة تخطيط النص الثابت عندما لا يستخدم مكون التعليق _button الرموز
- أضاف مكون good_detail نقرة جديدة على صورة اللافتة لمعاينة الصورة والأناقة
- BASE_LIST CAMPONENT MOTY STYLE FLUS FIX
- أضاف مكون ICON_BUTTON تأثير شارة ، يمكن تعيينه من خلال سمة الشارة ، ويدعم استخدام مكتبة أيقونة Alibaba لتخصيص إعدادات الفصل باستخدام CUS-ICON
v1.0.7
- goods_list
- الشريط الجانبي
- ensance_image
- head_view
- base_card
- أضاف مكون البحث أيقونة البحث الافتراضية.
- مكون البحث يحذف الرمز الواضح.
- يدعم endance_text إدخال الرموز باستخدام مكتبة alibaba icon (إضافة فئة نمط مخصصة للأيقونة).
- يدعم endance_icon إدخال الرموز باستخدام مكتبة أيقونة Alibaba.
- endance_icon يضيف سمة اللون.
عن
مكتوب في النهاية
قبل استخدام المكون ، يرجى التحقق من الواجهة التي يوفرها المكون بالتفصيل.
طريقة العرض: افتح صفحة تحديد Applet وانقر فوق الزر "الوصف التفصيلي" أسفل المكون المقابل.
شراء فنجان قهوة للمؤلف
