الطبقة مسج موبايل CSS
مسج الطبقة CSS
الطبقة مسج موبايل CSS أن تصفف عناصر مختلفة.
تحتوي القائمة التالية على أنماط CSS العامة:
الدرجة العالمية
يمكن للفئات التالية تستخدم (الأزرار، وأشرطة، والألواح، والجداول والقوائم، الخ) في الأداة مسج الجوال:
| فئة | وصف |
|---|---|
| واجهة المستخدم الزاوية للجميع | إضافة شرائح عنصر |
| واجهة المستخدم الظل | لإضافة عنصر الظل |
| واجهة المستخدم تراكب الظل | إضافة عنصر متعدد الطبقات الظل |
| واجهة المستخدم المصغرة | السماح عناصر أصغر |
فئة زر
بالإضافة إلى فئة العالمية، يمكنك إضافة الطبقة التالية (وليس <إدخال> زر) ل<A> أو <زر> العنصر:
| فئة | وصف |
|---|---|
| BTN-واجهة المستخدم | إضافة عناصر <a> لمثل الأزرار والشاشة |
| BTN-UI-مضمنة | زر عرض على نفس الخط |
| BTN-UI-رمز أعلى | رمز الهدف فوق النص زر |
| BTN-UI-رمز اليمين | أيقونة الهدف على يمين نص الزر |
| BTN-UI-رمز-القاع | رمز الهدف أدناه نص الزر |
| BTN-UI-رمز اليسار | رمز الهدف إلى يسار النص زر |
| BTN-UI-رمز-notext | تظهر أيقونة الوحيد |
| ب | واجهة-BTN- | تعيين زر العرض. "A" هو الافتراضي (نص أسود على خلفية النمط الرمادي)، "ب" لتغيير لون خلفية سوداء مع نص أبيض |
الطبقة أيقونة
فئة من جميع الصور المتاحة المستخدمة في <A> و<زر> عنصر (انظر دليل مسج موبايل رمز إشارة لمعرفة كيفية استخدامها على عناصر أخرى):
| Class | 图标描述 | 图标 |
|---|---|---|
| ui-icon-action | 动作 (一般用于页面跳转切换) |  |
| ui-icon-alert | 三角形内的感叹号 |  |
| ui-icon-audio | 音响/音箱 |  |
| ui-icon-arrow-d-l | 左下角箭头 |  |
| ui-icon-arrow-d-r | 右下角箭头 |  |
| ui-icon-arrow-u-l | 左上角箭头 |  |
| ui-icon-arrow-u-r | 右上角箭头 |  |
| ui-icon-arrow-l | 左角箭头 |  |
| ui-icon-arrow-r | 右角箭头 |  |
| ui-icon-arrow-u | 向上箭头 |  |
| ui-icon-arrow-d | 向下箭头 |  |
| ui-icon-back | 返回 |  |
| ui-icon-bars | 三条水平线，一般用于展示列表按钮图标 |  |
| ui-icon-bullets | 用于展示列表按钮图标 |  |
| ui-icon-calendar | 日历 |  |
| ui-icon-camera | 相机 |  |
| ui-icon-carat-d | 向下滑动图标 |  |
| ui-icon-carat-l | 向左滑动图标 |  |
| ui-icon-carat-r | 向右滑动图标 |  |
| ui-icon-carat-u | 向上滑动图标 |  |
| ui-icon-check | 勾选 |  |
| ui-icon-clock | 闹钟 |  |
| ui-icon-cloud | 云 |  |
| ui-icon-comment | 评论 / 消息 |  |
| ui-icon-delete | 删除 |  |
| ui-icon-edit | 编辑 / 铅笔 |  |
| ui-icon-eye | 眼睛 |  |
| ui-icon-forbidden | 禁用标识 sign |  |
| ui-icon-forward | 撤销 - (返回上一步) |  |
| ui-icon-gear | 齿轮，一般用于设置按钮图标 |  |
| ui-icon-grid | 网格 |  |
| ui-icon-heart | 心型，可用于文章收藏 |  |
| ui-icon-home | 主页 |  |
| ui-icon-info | 信息 |  |
| ui-icon-location | 定位 |  |
| ui-icon-lock | 锁 |  |
| ui-icon-mail | 邮件 / 信封 |  |
| ui-icon-minus | 减号 |  |
| ui-icon-navigation | 导航 |  |
| ui-icon-phone | 电话 |  |
| ui-icon-power | 开关 (On/off) |  |
| ui-icon-plus | 加号 |  |
| ui-icon-recycle | 循环 标识 |  |
| ui-icon-refresh | 刷新 |  |
| ui-icon-search | 搜索 / 放大镜 |  |
| ui-icon-shop | 商店/购物袋 |  |
| ui-icon-star | 星号 |  |
| ui-icon-tag | 标签 |  |
| ui-icon-user | 用户 / 人物 |  |
| ui-icon-video | 视频 / 相机 |  |
فئات الفئة الموضوع
يوفر مسج موبايل موضوع فئتين: أ (الرمادي) وب (أسود). ومع ذلك، يمكنك إنشاء الفئات المخصصة الخاصة بك - لتحديد حرف "ض" (انظر الموضوعات مسج موبايل ). يسرد الجدول التالي الطبقة الموضوعات المتاحة. الحروف (من الألف إلى الياء) يعني أنه يمكنك تحديد نمط الألف إلى الياء. على سبيل المثال واجهة المستخدم شريط واحد أو واجهة المستخدم بار-ب، وما شابه ذلك.
| فئة | وصف |
|---|---|
| واجهة المستخدم bar- (من الألف إلى الياء) | تحديد عرض العمود - رأس الصفحة وذيلها والأقسام الأخرى |
| واجهة المستخدم بين الهيئة (من الألف إلى الياء) | يحدد لون قطعة من المحتوى - الصفحة قسم المحتوى (الإصدار 1.4.0 عفا عليها الزمن)، وعرض قائمة، والبوب، الشريط الجانبي، لوحة، تحميل، انهار. |
| واجهة المستخدم btn- (من الألف إلى الياء) | تحديد لون الزر |
| واجهة المستخدم في المجموعة وtheme- (من الألف إلى الياء) | ويعرف مجموعة مراقبة listviews العرض وجمع للطي. |
| واجهة المستخدم overlay- (من الألف إلى الياء) | تعرف على الصفحة الخلفية الألوان، بما في ذلك صناديق الحوار، والنوافذ المنبثقة وغيرها من الصفحات على مستوى عال تظهر في حاوية |
| واجهة المستخدم، صفحة theme- (من الألف إلى الياء) | تعريف تجريبي الصفحة |
الطبقة الشبكة
أعمدة الشبكة هي متساوية العرض (مجموع 100٪)، ليس لها حدود، الخلفية، الهامش أو الحشو. هناك تتوفر أربعة شبكة التخطيط:
| الطبقة الشبكة | صف | عرض العمود | مراسلة | أمثلة |
|---|---|---|---|---|
| واجهة المستخدم الشبكة-منفردا | 1 | 100٪ | واجهة المستخدم كتلة واحد | محاولة |
| واجهة المستخدم الشبكة واحد | 2 | 50٪ / 50٪ | واجهة المستخدم كتلة واحد | ب | محاولة |
| واجهة المستخدم الشبكة-ب | 3 | 33٪ / 33٪ / 33٪ | واجهة المستخدم كتلة واحد | ب | ج | محاولة |
| واجهة المستخدم الشبكة-ج | 4 | 25٪ / 25٪ / 25٪ / 25٪ | واجهة المستخدم كتلة واحد | ب | ج | د | محاولة |
| واجهة المستخدم الشبكة د | 5 | 20٪ / 20٪ / 20٪ / 20٪ / 20٪ | واجهة المستخدم كتلة واحد | ب | ج | د | البريد | محاولة |
تتوفر المزيد من المعلومات مسج موبايل الشبكة القسم.