如何制作可水平滑动的卡片

Question

我正在使用 ionic 开发一个应用程序，我想重现类似于这张水平滚动卡的东西，但我很迷茫，因为这不是我的解决方案。我想知道是否有人能够做类似的事情应该有所启发。

Answer 1

您可以自定义边框、宽度等。例如我为以下对象设置不可见：

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

好好写代码，打造属于你自己的风格！

如何制作可水平滑动的卡片

how to make a horizontal swipe able card

ionic-framework

ionic-view