как сделать карту, способную к горизонтальному пролистыванию

#ionic-framework #ionic-view

#ионный фреймворк #ionic-просмотр

Вопрос:

введите описание изображения здесь

Я работаю над приложением, использующим ionic, и я хочу воспроизвести что-то похожее на эту карту с горизонтальной прокруткой, но я совершенно растерялся, поскольку это не мое решение. Мне интересно, смог ли кто-нибудь сделать что-то подобное, должно пролить некоторый свет.

Ответ №1:

Вы можете использовать ion-slide-box .

Вы можете настроить границу, ширину и т.д. Например, я делаю невидимую для:

 .slider-pager {
    display:none !important;
}
  

И добавьте границу, исправьте поле:

 .slider-slide {
    padding-top: 80px;
    color: #000;
    background-color: #fff;
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    width: 200px !important;
    border: 1px solid #000;
    margin: 62px 56px
    padding-left: 20px;
    padding-right: 20px;
}
  

Приятного кодирования и создайте свой собственный стиль!