هل هناك طريقة لتنسيق صفحة "الأحدث" وصفحة "الأعلى" بشكل منفصل؟

الدعم
4

نعم، حل @manuel هو نهج جيد لتحقيق الأشياء ببساطة. باستخدام window.location.href قد تواجه مشكلات في الحصول على عنوان URL الصحيح بسبب حلقة تشغيل Ember على أي حال.

لتعديل ما تفعله إلى نهج “Ember” أكثر، يمكنك القيام بشيء مثل هذا:

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.querySelectorAll('#main-title')[0].style.display = 'none';
    }
  });
</script>

ومع ذلك، من الأفضل على الأرجح أن تضيف ببساطة فئة body وتنسق تلك الفئة، مما سيسمح لك أيضًا بإجراء تغييرات تنسيق أكثر تعقيدًا.

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.body.classList.add('route-discovery-top');
    } else {
      document.body.classList.remove('route-discovery-top');
    }
  });
</script>

.route-discovery-top #main-title {
    display: none;
}
3 إعجابات