techne

إشعار مهم

هذا المستودع العام هو للقراءة فقط ولم يعد يتم الحفاظ عليه.

تقنية في وضع الصيانة

يرجى ملاحظة أن مكتبة مكون Techne لم تعد قد تم تطويرها بنشاط. سيظل المشروع نشطًا في الوقت الحالي. للتطور التالي للتكنولوجيا ، يرجى مراجعة واجهة المستخدم الأساسية

Hybris Techne هي دليل التصميم ومكتبة المكونات للتصميم الحديث ، والهواتف المحمولة الأولى ، والتصميم المتمحور حول المستخدم على YAAs.

عناصر

راجع هذه الصفحة للحصول على قائمة بمكونات واجهة المستخدم المضمنة في تقنية الهجينة. https://techne.yaas.io/components/alerts-errors-notifications.html

تثبيت

تثبيت باستخدام Bower

يمكنك تثبيت Techne باستخدام Bower مع الأمر التالي في طرف أو موجه الأوامر: bower install hyTechne

تثبيت باستخدام NPM

Techne هي أيضا Avialable كحزمة NPM. يمكنك التثبيت مع الأمر التالي في طرف أو موجه الأوامر: npm install techne

ابدء

أربع خطوات سريعة للبدء:

• استنساخ الريبو.
• تثبيت تبعيات العقدة NPM: npm install .
• تثبيت تبعيات Bower Bower: bower install
• تهيئة KSS: gulp patchgulpkss
• تشغيل NPM: npm start أو Run Gulp: gulp
• إذا كان لديك إعداد مجلد مختلف عن المقصورة الافتراضية ، فيجب عليك تعديل config.json لتناسب احتياجاتك.

ما هو الهيكل؟

داخل الريبو ، ستجد الدلائل والملفات التالية:

 ├── src/
│   ├── less
│   ├── icons
│   ├── js
│   └── templates
├── dist/
│   ├── css
│   ├── js
│   ├── fonts
├── docs

إذن هل تريد بناء أقل بمفردك؟

لا شيء أسهل من ذلك! ببساطة تضمين ملفات styes.less مثل: @import "bower_components/hyTechne/src/less/styles"; .

هام: لا توجد قيمة افتراضية لمجموعة @bower-path. من المطلوب أن تحدد هذا المتغير في ورقة الأنماط الخاصة بك والإشارة إلى مجلد Bower_components الخاص بك. (لا مائلة زائدة).

@bower-path: '../../bower_components';

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

تذكر أيضًا إصلاح مسارات الخطوط عن طريق الكتابة فوق متغيرات المسار بشكل أقل تشمل بعد النمط. تشمل مثل:

@import "_resource-paths";

وأضف في الملف شيئًا مثل:

 // Use this file to point to the right folders
// for correct paths for icon-fonts etc
// icon names much follow a UTF hex naming format

@bootstrap-path: '../../bower_components/bootstrap'; // Path to bootstrap folder
@hytech-path: '../../bower_components/hyTechne'; // Path to hytech folder

ملاحظة: من أجل إنشاء أقل الحد الأدنى للنسخة المطلوبة من أقل هو 2.3.0.