هل هناك طريقة لتفعيل مكون فقط على الجوال؟

[hipp0]

أريد تفعيل زر الموضوع الجديد هذا في أسفل اليمين على الهاتف المحمول ليكون مشابهًا لـ X.com New Topic Header Button

ولكن ليس على سطح المكتب.

[RGJ (Richard - Communiteq)]

تنتقل Discourse بعيدًا عن التمييز التقليدي بين سطح المكتب والجوال. راجع Designing for Different Devices (Viewport Size, Touch/Hover, etc.) والذي يحتوي أيضًا على نصائح حول كيفية تحقيق ما تريد.

[hipp0]

أرى، شكرًا على المعلومات.

ولكن كيف يمكنني جعل مكون ما يُعرض فقط للأجهزة الأصغر حجمًا؟

لست متأكدًا تمامًا من كيفية الإشارة إلى مكون أو تمكينه لأحدهما أو الآخر.

[RGJ (Richard - Communiteq)]

المثال موجود في هذا الموضوع تحديدًا

@system

import Component from "@glimmer/component";
import { service } from "@ember/service";

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      This text will be displayed for devices larger than the lg breakpoint
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      This text will be displayed for devices smaller than the sm breakpoint
    {{/unless}}
  </template>
}