Question

我想将tabbar与carrousel结合使用，这样我就可以在标签之间导航，不仅可以通过点击标签栏，还可以通过像滑板一样的方式进行滑动。

我发现这个codepen（http://codepen.io/frankdiox/pen/EVpNVg）（在这个答案中列出（https://stackoverflow.com/a/33486827/6857215）几乎可以实现我想要的，只是通过使用tabbar的CSS样式，我失去了在android上的自动材料设计不是我想要的。

我希望有一个包含这样的解决方案：

<ons-page>
 <ons-carousel swipeable auto-scroll fullscreen id="carousel">
     <ons-carousel-item> Page one </ons-carousel-item>
     <ons-carousel-item> Page two </ons-carousel-item>
     <ons-carousel-item> Page three </ons-carousel-item>
 </ons-carousel>

 <ons-tabbar position="top">
     <ons-tab onclick="carousel.setActiveCarouselItemIndex(0)" active>One</ons-tab>
     <ons-tab onclick="carousel.setActiveCarouselItemIndex(1)">Two</ons-tab>
     <ons-tab onclick="carousel.setActiveCarouselItemIndex(2)">Three</ons-tab>
 </ons-tabbar>
</ons-page>

既然onsen ui 2已经出局，我想也许有人比旧的例子有更简洁的解决方案吗？

Onsen-UI结合了tabbar和carousel

0 个答案: