lin ui
0.9.13
Lin UI عبارة عن مجموعة من مكتبات مكونات واجهة المستخدم عالية الجودة استنادًا إلى البنية الأصلية لبرامج WeChat المصغرة . اتبع مواصفات التصميم من البساطة وسهولة الاستخدام والجمال.
تأكد من التحقق من增强编译، Es6 转ES5 واستخدام خيارات使用npm 模块، راجع الصورة
قم بتهيئة مشروعك كمشروع NPM
npm init -y
إذا كان الدليل الجذر للمشروع يحتوي بالفعل على ملف package.json، فيمكنك تخطي هذه الخطوة.
تثبيت لين واجهة المستخدم
npm i lin-ui
تكوين أدوات مطور WeChat لتثبيت Lin UI بشكل صحيح، تحتاج إلى التحقق من جميع الخيارات الثلاثة التالية لأدوات مطور WeChat، راجع الصورة
使用npm 模块增强编译ES6 转ES5مسار الإعداد: الزاوية اليمنى العليا من أدوات مطور WeChat -> التفاصيل -> الإعدادات المحلية
بناء وحدة NPM بعد تكوين أدوات مطور WeChat، لا تزال بحاجة إلى إنشاء وحدة NPM.
موقع الزر: أعلى أدوات مطوري WeChat -> الأدوات -> Build npm
إذا لم تكن لديك بيئة Node.js محليًا ولا يمكنك تثبيتها باستخدام NPM، فيمكنك تثبيتها باستخدام التعليمات البرمجية المصدر.
قم بتكوين أدوات مطور WeChat
لاستخدام Lin UI بشكل صحيح، تحتاج إلى التحقق Es6 转ES5 وخيارات增强编译في أدوات مطور WeChat.
مسار الإعداد: الزاوية اليمنى العليا من أدوات مطور WeChat -> التفاصيل -> الإعدادات المحلية
قم بتعيين إصدار المكتبة الأساسية إلى >=2.8.2
المقدمة في الصفحة
{
"usingComponents" :{
"l-button" : " /miniprogram_npm/lin-ui/button/index "
}
}استخدم في الصفحة
< l-button type =" default " >默认按钮</ l-button >نوصي أنه عند تقديم مكونات Lin UI، يجب أن يتم تسميتها جميعًا بتنسيق
l-{组件名}، سيؤدي اتباع هذه المواصفات إلى جعل كود مشروعك أكثر وضوحًا.
في هذه المرحلة، تم إدخال Lin UI بنجاح في مشروعك!
تم تطوير الكود الخاص بنا استنادًا إلى فرع التطوير، ويمكنك إرسال طلبات السحب للحصول على مساهمات الكود.
قبل تقديم طلب السحب، يرجى قراءة مواصفات التطوير لدينا بالتفصيل، وإلا فقد يتم إغلاق طلب السحب بسبب معلومات الالتزام غير القياسية وأسباب أخرى.
معهد ماساتشوستس للتكنولوجيا © 2020 هناك رياح في الغابة
