Vant Aliapp

ملاحظة: تم إغلاق المستودع

إذا كنت تبحث عن بدائل أخرى ، فمن المستحسن استخدام إصدار Applet الرسمي Applet الذي يقدمه المسؤول

---

مكتبة مكونات واجهة المستخدم خفيفة الوزن وموثوقة

يقدم

Vant Aliapp هو إصدار Appay Applet من مكتبة مكونات Vant's Mobile Vue. يعتمد الاثنان على نفس المواصفات المرئية ويوفران واجهة API متسقة لمساعدة المطورين على إنشاء تطبيقات تطبيقات بسرعة.

يتم الحصول على Vant Aliapp من خلال محول ANTMOVE Applet استنادًا إلى تحويل Vant-Weapp وقد جعل كمية صغيرة من تعديلات التكيف المتوافقة.

معاينة

يقوم Alipay بمسح رمز الاستجابة السريعة لبرنامج MINI أدناه لتجربة مثال مكتبة المكون:

قبل استخدام

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

NPM

• alipay
• مسمار

ثَبَّتَ

تثبيت واستخدام من خلال NPM (موصى به)

• تثبيت عبر NPM

npm i vant-aliapp -S --production

• تثبيت عبر الغزل

yarn add vant-aliapp --production

يستخدم NPM مثال (منطقة Vant-Alipay).

قم بتنزيل الكود للاستخدام

قم بتنزيل رمز مصدر Vant Aliapp مباشرة من خلال GIT ونسخ دليل alipay/npm إلى مشروعك الخاص

git clone https://github.com/ant-move/Vant-Aliapp.git

مكونات الاستخدام

أضف الكود التالي إلى app.js

 import 'vant-aliapp/dist/__antmove/component/componentClass.js'

أخذ مكون الزر كمثال ، تحتاج فقط إلى تقديم المكون المخصص المقابل للزر في ملف JSON.

{
  "usingComponents" : {
    "van-button" : " /path/to/vant-app/dist/button/index "
  }
}

عنوان NPM: vant-aliapp/dist/dist/button/index

ثم يمكنك استخدام المكونات مباشرة في AXML

 < van-button type =" primary " >按钮</ van-button > 

معاينة في أدوات المطورين

قم بتنزيل هذا المشروع محليًا ، واستخدم alipay IDE لفتح alipay/vant-app ، وتثبيت التبعيات ، ثم معاينته.

عند المعاينة ، يرجى تمكين تجميع component2 في إعدادات تفاصيل المشروع. للحصول على التفاصيل ، يرجى الرجوع إلى مقدمة المكونات المخصصة لتطبيق Alipay.

أشياء يجب ملاحظتها

• عندما تقدم مكتبة مكون Vant-Aliapp في مشروعك ويتم تعطيل معرف وقت التشغيل (الوسيطات) في خطأ SJS ، يمكنك إلغاء تفاصيل واجهة IDE> تمكين علامة الاختيار للمكتبة الأساسية 2.0 لحلها
• الحل لاستخدام مربع الاختيار VANT ، الانهيار ، القائمة المنسدلة ، عمل البضائع ، الشبكة ، الراديو ، Tab ، Tabbar ، الفهرس ، الشريط الجانبي والمكونات الأخرى على Alipay ، اتبع الخطوات التالية:
  1. NPM قم بتنزيل أداة سطر أوامر Antmove

  NPM تثبيت antmove -g

  2. في دليل جذر المشروع الخاص بك ، استخدم alipay-compiler لتحويل المشروع

  antmove -t alipay -compiler

  3. يمكن لبرنامج Alipay Mini المحول دعم المكونات أعلاه
• إذا قدمت مكونًا ووجدت أن العرض فشل ، فيمكنك الرجوع إلى المثال في المثال لتقليده. إذا كان لديك أي أسئلة ، فيمكنك مسح رمز QR Dingding أدناه للاتصال بنا

يتصل

إذا واجهت مشاكل أثناء الاستخدام ، فيمكنك طلب المساعدة من خلال الطرق التالية.

• مجموعة الاتصالات Dingtalk:
• البريد الإلكتروني: [email protected]

وصلة

• تحديث سجل
• تعليق

بروتوكول مفتوح المصدر

يعتمد هذا المشروع على بروتوكول MIT ، يرجى الاستمتاع بحرية والمشاركة في المصدر المفتوح.

شاكر

بفضل فريق Vant لمساهمته في Vant-Weapp ، يتم تحويل هذا المشروع على أساس Vant-Weapp وتم تكييفه وتوافق مع منصة برنامج Alipay Mini.