تصميم المواد لـ Vue.js
مادة VUE بسيطة وخفيفة الوزن ومصممة تمامًا وفقًا لمواصفات تصميم مواد Google
قم ببناء تطبيقات مصممة جيدًا يمكنها أن تتناسب مع كل شاشة بدعم لجميع متصفحات الويب الحديثة ذات السمات الديناميكية والمكونات عند الطلب وكلها مع واجهة برمجة تطبيقات سهلة الاستخدام
الوثائق والعروض التوضيحية
أمثلة
قم بتثبيت مادة VUE من خلال NPM أو الغزل
npm install vue-material --save
yarn add vue-material* لم يتم دعم مديري الحزم الآخرين مثل JSPM و Bower بعد.
استيراد أو تتطلب مواد Vue و Vue في الكود الخاص بك:
import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'
Vue . use ( VueMaterial )أو استخدم المكونات الفردية:
import Vue from 'vue'
import { MdButton , MdContent , MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'
Vue . use ( MdButton )
Vue . use ( MdContent )
Vue . use ( MdTabs )بدلاً من ذلك ، يمكنك تنزيل البرنامج النصي وشرائح الأنماط في HTML:
< link rel =" stylesheet " href =" path/to/vue-material.css " >
< script src =" path/to/vue-material.js " > </ script >اختياريا استيراد الربوتات الروبوتو وأيقونات المواد من Google CDN:
< link rel =" stylesheet " href =" //fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons " > Changelog
إذا كانت لديك أي أسئلة أو أفكار أو تريد مناقشتها مع مجتمع مواد VUE ، فاستخدم Discord للانضمام إلينا.
يرجى التأكد من قراءة الدليل المساهم قبل تقديم طلب سحب.
المادة VUE تدعم جميع المتصفحات الحديثة.
قد تعمل في متصفحات أخرى ولكنها لم تختبر.
شكرا لجميع مؤيدينا! [كن مؤيدًا]
لا تعمل مواد VUE تحت مظلة أي شركة أو أي شيء من هذا القبيل. إنه مشروع مستقل أنشأه ماركوس مورا في أوقات فراغه ، والذي أصبح واحداً من أكثر مكتبات واجهة المستخدم المستخدمة لـ Vue.js. التطور نشط ونحن نعمل بجد لإصدار أشياء رائعة لك.
معهد ماساتشوستس للتكنولوجيا