Друзья, подскажите пожалуйста У меня есть страница, которая расположена в следующей

Question

Друзья, подскажите пожалуйста У меня есть страница, которая расположена в следующей

папке:
pages/index/coolpon/_id.vue
Проблема в том, что это мобильная версия и по условию задания, она должна появляться с эффектом попапа (здесь проблем нет).
Но десктопная версия этой страницы сильно отличается.
Вопрос: как мне в зависимости от ширины экрана изменить страницу для рендера? Чтобы у меня на роут было две страницы: мобайл и десктоп.. всю голову сломал..

#nuxt.js #programming #russian #software

0

09.10.2020

6 ответов

12 просмотров

Stanislav Lashmanov

https://github.com/CyberAP/vue-component-media-queries

0

09.10.2020

kentforth Rusanov

Stanislav Lashmanov
https://github.com/CyberAP/vue-component-media-que...

с этой библиотекой у тебя помимо верстки для каждого разрешения будут ещё и куча тегов от бибилотеки. Представь,что тебе компонентнужно адаптировать под 10 разных разрешений(от огромных экраных до мелких айфонов) а теперь представь 10 тегов <MatchMedia> с if else + файлы с версткой под эти 10 разрешений. И это только ОДИН компонент. Такое себе решение

0

09.10.2020

Stanislav Lashmanov

kentforth Rusanov
с этой библиотекой у тебя помимо верстки для каждо...

Нет, тег будет один, всё можно достать из скопед слота

0

09.10.2020

Vladimir Voytenko ️

kentforth Rusanov
с этой библиотекой у тебя помимо верстки для каждо...

ты же понимаешь, что ты сейчас это автору либы говоришь? хДД

0

09.10.2020