زر مسج موبايل
يتم بناؤها التطبيقات النقالة في نقرة بسيطة من الأشياء التي تريد عرضها.
إنشاء زر في مسج موبايل
في مسج جوال، يمكن إنشاء زر في ثلاث طرق:
- استخدام <زر> العنصر
- استخدام <إدخال> العنصر
- استخدام <A> العناصر مع بيانات دور = "زر" لل
في مسج جوال، فإن زر التصميم تلقائيا، وجعلها أكثر جاذبية وتوفر على الأجهزة النقالة. نحن ننصح باستخدام عناصر <a> لمع بيانات دور = "زر" للصلة، استخدم <إدخال> أو <زر> عنصر بين الصفحات تشكيل تقديمها. |
أزرار التنقل
لمن خلال وصلة زر بين الصفحات، واستخدام عناصر <A> مع بيانات دور = "زر" الملكية:
زر مضمنة
افتراضيا، الزر يحتل كامل عرض الشاشة. إذا كنت ترغب في المحتوى فقط واسعة كما زر واحدة، أو إذا كنت ترغب في عرض اثنين أو أكثر من الأزرار جنبا إلى جنب، إضافة =-مضمنة البيانات "صحيح":
مزيج من أزرار
يوفر مسج المحمول وسيلة بسيطة لدمج زر.
يرجى وضع-دور البيانات = "controlgroup" سمات ونوع البيانات = "أفقي | العمودي" تستخدم معا لتحديد ما إذا كانت مجموعات أفقية أو عمودية من الأزرار:
أمثلة
<a href="#anylink" data-role="button">按钮 1</a>
<a href="#anylink" data-role="button">按钮 2</a>
<a href="#anylink" data-role="button">按钮 3</a>
</div>
محاولة »
افتراضيا، الأزرار هي مزيج من تكوين العمودي، أي هامش والمسافة التي تفصل بينهما. ويتم تقريب فقط الأزرار الأولى والأخيرة، حتى أنه عندما تكون مجتمعة معا لخلق نظرة جميلة. |
زر الرجوع
لإنشاء زر الخلف، واستخدام البيانات يختلط = "العودة" الملكية (الذي يتجاهل قيمة أ href مرساة):
المثال زر المزيد من الروابط
فئة | وصف | أمثلة |
---|---|---|
BTN-UI-ب | تعديل زر اللون الأسود، والخط الأبيض (خلفية رمادية الافتراضي، الخط الأسود). | محاولة |
واجهة المستخدم الزاوية للجميع | زر لإضافة زوايا مدورة | محاولة |
واجهة المستخدم المصغرة | جعل أزرار صغيرة | محاولة |
واجهة المستخدم الظل | زر لإضافة الظل | محاولة |
اذا كنت بحاجة الى مزيد من الأساليب، كل فئة أسلوب مفصولة بمسافة، مثل: فئة = "BTN واجهة المستخدم واجهة المستخدم BTN-مضمنة BTN اجهة المستخدم الزاوية عن واجهة المستخدم الظل" افتراضيا، وتقريب <إدخال> زر زوايا وتأثير الظل. <A> و<زر> عناصر لا. |
دروس CSS أكثر اكتمالا، يرجى الاطلاع على دليل مسج موبايل CSS الدرجة المرجعي .
يوضح المقطع التالي كيفية إضافة رمز على زر.