Адаптивный дизайн в framework7?

Question

[nak-alexey]

Как сделать адаптивный дизайн в framework7? Не работает то что сказано в документации. https://framework7.io/docs/view.html#master-detail Как это реализовать?

Comments

[Антон Шаманов]

код в студию

[nak-alexey]

Антон Шаманов, Да мне бы просто шаблон что бы работала такая адаптация, голый шабон.

[Антон Шаманов]

nak-alexey, https://framework7.io/docs/kitchen-sink.html

[nak-alexey]

Нет, не поняли. Мне шаблон на ядре с адоптацией под помибилки и планшеты. Я просто не могу понять как эти брекпоинты работают.

const mainView = app.views.create('.view-main', {
  // enable master detail
  masterDetailBreakpoint: 800,
  routes: [
    {
      path: '/',
      url: './pages/master.html',
      // specify home route as master route
      master: true,
      // detail routes
      detailRoutes: [
        {
          path: '/detail/:id/',
          url: './pages/detail.html',
        },
      ]
    },
  ]
});

Вместо url пдставляю свои пути но у меня блок view-main в лево передвигается т.е. адаптируется вот второй блок не появляется. Место пустое. Там пример есть гиф нимация на сайте как это должно работать. Вот это и не выходит. :(

Answer 1

[IDONTSUDO]

Я думаю, вам стоит напиать isues в их git что бы спросить у них напрямую об этом.
https://github.com/framework7io/framework7