如何制作水平滑动卡片

Question

我正在使用离子的应用程序，我想重现类似于这个水平滚动卡的东西，但我很丢失，因为不是我的解决方案。我想知道是否有人能够做类似的事情应该有所帮助。

Answer 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;
}

有一个很好的编码，并制作自己的自定义风格！