يوفر مسج موبايل مجموعة من الرموز التي من شأنها أن تجعل الأزرار الخاصة بك تبدو أكثر من المرغوب فيه.
إضافة أيقونات إلى أزرار مسج موبايل
لإضافة رمز إلى الزر الخاص بك، استخدم ui-icon الطبقة، ووضع رمز مع فئة موقف رمز (ui-btn-icon - pos ) :
<a href="#anylink" class="ui-btn ui-icon-search
ui-btn-icon-left" >Search</a>
ملاحظة: للحصول على الأزرار الأخرى، مثل أزرار في قائمة وجهات النظر والأشكال، يجب عليك استخدام السمة رمز البيانات. وسيتم شرح ذلك في فصل لاحق.
أدناه لدينا قائمة بعض الرموز المتاحة التي توفر مسج الجوال:
| الطبقة أيقونة | وصف | أيقونة | مثال |
|---|---|---|---|
| ui-icon-arrow-l | السهم الايسر | جربها | |
| ui-icon-arrow-r | السهم الأيمن | جربها | |
| ui-icon-info | معلومات | جربها | |
| ui-icon-delete | حذف | جربها | |
| ui-icon-back | الى الخلف | جربها | |
| ui-icon-audio | مكبرات الصوت | جربها | |
| ui-icon-lock | قفل | جربها | |
| ui-icon-search | بحث | جربها | |
| ui-icon-alert | إنذار | جربها | |
| ui-icon-grid | شبكة | جربها | |
| ui-icon-home | الصفحة الرئيسية | جربها |
للإشارة كاملة لجميع الأيقونات مسج جوال، يرجى زيارة موقعنا مسج الأيقونات موبايل المرجعي .
وضع الأيقونات
يمكنك تحديد واحدة من أربع قيم حيث ينبغي وضع الرمز في زر: top, right, bottom أو left .
استخدام ui-btn-icon فئة لتحديد الموقف:
رمز الوظيفة لأزرار لينك
<a href="#anylink" class="ui-btn ui-icon-search ui-btn-icon-top" >Top</a>
<a href="#anylink"
class="ui-btn ui-icon-search ui-btn-icon-right" >Right</a>
<a href="#anylink"
class="ui-btn ui-icon-search ui-btn-icon-bottom" >Bottom</a>
<a href="#anylink"
class="ui-btn ui-icon-search ui-btn-icon-left" >Left</a>
انها محاولة لنفسك » إذا لم تقم بتحديد موقف رمز لربط الأزرار، لن يتم عرض رمز.
عرض فقط الأيقونة
لعرض فقط رمز، استخدم "notext" كقيمة لموقف رمز:
مثال
<a href="#anylink" class="ui-btn ui-icon-search
ui-btn-icon-notext" >Search</a>
انها محاولة لنفسك » إزالة الدائرة
افتراضيا، كافة الرموز لها الدائرة الرمادية (القرص) من حولهم. لإزالة الدائرة، إضافة "ui-nodisc-icon" فئة إلى عنصر أو الحاوية الخاصة به:
مثال
<a href="#anylink" class="ui-btn ui-icon-search
ui-btn-icon-left">With circle (default)</a>
<a href="#anylink" class="ui-btn ui-icon-search
ui-btn-icon-left ui-nodisc-icon" >Without circle</a>
انها محاولة لنفسك » أسود أو أبيض الأيقونات
افتراضيا، كافة الرموز هي بيضاء. لتغيير لون رمز إلى الأسود، إضافة "ui-alt-icon" إلى العنصر أو الحاوية الخاصة به:
مثال
<a href="#anylink" class="ui-btn ui-icon-search
ui-btn-icon-left">White</a>
<a href="#anylink" class="ui-btn ui-icon-search
ui-btn-icon-left ui-alt-icon" >Black</a>
انها محاولة لنفسك » المزيد من الأمثلة
إضافة "ui-nodisc-icon" الطبقة إلى حاوية
مثال على "ui-nodisc-icon" الطبقة يضاف إلى وعاء.
إضافة "ui-alt-icon" الطبقة إلى حاوية
مثال على "ui-alt-icon" الطبقة يضاف إلى وعاء.