الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

CMUI

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

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

التوافق

دعم المتصفح

  • المتصفحات الرئيسية التي تدعم منصات الهاتف المحمول التالية:

    • iOS 10+
    • Android 4.4+

  • يتم دعم متصفحات سطح المكتب التالية أيضًا:

    • Firefox (الأحدث)
    • Chrome (الأحدث)
    • Safari (الأحدث)

(انظر سياسة الدعم الهرمي لمستعرض CMUI لمزيد من التفاصيل.)

التبعيات الخارجية

  • Underscore 1.8+
  • Zepto 1.1+
  • علبة التروس 0.7+

التثبيت والاستخدام

الطريقة التقليدية

  1. تم تثبيته عبر NPM 3: 

    $ npm install cmui

  2. قم بتحميل ملفات نمط CMUI وملفات البرنامج النصي والتبعيات اللازمة في الصفحة: 

     <!DOCTYPE html >
< html >
< head >
	...
	< link rel =" stylesheet " href =" node_modules/cmui/dist/cmui.css " >
</ head >
< body >
	...
	< script src =" node_modules/underscore/underscore-min.js " > </ script >
	< script src =" node_modules/zepto.js/dist/zepto.min.js " > </ script >
	< script src =" node_modules/cmui-gearbox/dist/gearbox.min.js " > </ script >
	< script src =" node_modules/cmui/dist/cmui.js " > </ script >
</ body >
</ html >

التحميل عبر القلم

إذا كان مشروعك يستخدم Stylus كلغة Preprocessor CSS ، فيمكنك تقديم ملف إدخال نمط CMUI مباشرة في رمز المصدر الخاص بك: 

 @import './node_modules/cmui/src/css/theme/baixing/index'

وبهذه الطريقة ، يمكنك استخدام واجهة برمجة التطبيقات عالية المستوى التي توفرها CMUI في رمز المصدر:

  • عامل
  • Mixin

العروض التوضيحية والوثائق

يوصى باستخدام أجهزة iOS/Android للوصول: CMUI Demo

CMUI-DEMO

من يستخدمه؟

مواقع الويب التالية مبنية على CMUI (يرجى زيارة استخدام أجهزة iOS/Android):

  • baixing.com - إصدار الهاتف المحمول (m.baixing.com)
  • youe.com - إصدار الهاتف المحمول (m.uemall.com) (غير متوقفة)
  • Weizi الرسمي المركز التجاري - إصدار الهاتف المحمول (m.vichy.com.cn) (مُراجع)

المشاركة في التنمية

الوحدة الوظيفية

تم فصل بعض وحدات CMUI وتصبح مشاريع مستقلة. يتم إدخال هذه الوحدات بطريقة تبعية للتنمية وتعبئتها في ملف الإصدار. لذلك ، يمكن للمشاركة في تطوير هذه المشاريع المستقلة تعديل هذه الوحدات.

  • إعادة تعيين CSS - صفر
  • مكتبة Stylus - فرشاة

يبني

  1. شوكة واستنساخ رمز هذا المشروع إلى المنطقة المحلية.
  2. تنفيذ npm install في دليل جذر المشروع لتثبيت التبعيات اللازمة.
  3. قم بتشغيل npm run dist في دليل جذر المشروع وقم بتشغيل برنامج Build Script.
  4. سيتم تخزين ملف الإصدار الذي تم إنشاؤه في Directory /dist .

اختبار الوحدة

  1. شوكة واستنساخ رمز هذا المشروع إلى المنطقة المحلية.
  2. تنفيذ npm install في دليل جذر المشروع لتثبيت التبعيات اللازمة.
  3. افتح الملف التالي في متصفحك لتشغيل اختبار الوحدة:
    • test/test-dev.html - رمز مصدر الاختبار (للاختبار في مرحلة التطوير)

شكرًا

يعتمد CMUI على هذه المشاريع مفتوحة المصدر:

  • تطبيع. CSS

يستخدم فريق CMUI JetBrains IDE (WebStorm) مع ترخيص مفتوح المصدر:

  • شعار WebStorm

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل