v svg icons Download - v svg icons Download Code Code

تنزيل

V-SVG-icons

الرموز SVG ل Vuejs.
Türkçe readme dosyası için tıklayın!

ستجلب لك هذه التعليمات نسخة من المكون وتشغيلها على الجهاز المحلي.

يمكنك تثبيت مكون V-SVG-icons بواسطة NPM

 npm i v-svg-icons

بعد التنزيل ، ستكون V-SVG-icons جاهزة للاستخدام في تطبيقات Vue.js الخاصة بك

 import icons from "v-svg-icons" ;

 Vue . component ( "icon" , icons ) ;

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

لاستخدام الرموز ، يجب عليك تحديد اسم الرمز الذي تريده مع معلمة الاسم داخل العلامة.

< icon name="arrow-up">

يمكنك تحديد قيم العرض والارتفاع كما في المثال.
قيم العرض الافتراضية والارتفاع لجميع الرموز هي 50 بكسل.

< icon name="arrow-up" size="60px" />

< icon name="arrow-up" color="black" />
< icon name="arrow-up" color="# 000 " />
< icon name="arrow-up" color="rgba(0, 0, 0, . 2 )" />

< icon name="arrow-up" />

<style >
    . arrow-up {
        fill : green;
        background : red;
        width : 150 px ;
        height : 150 px ;
    }
< / style >

يمكنك تطبيق جميع التغييرات التي يمكن إجراؤها على SVG كما في المثال.

نستخدم github للإصدار.

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

يوسع

معلومات إضافية

تطبيقات ذات صلة

نوصي لك

أخبار ذات صلة الكل