• 35648

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

uni-app scroll-view 实现滑动菜单

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0703/4989.html 1190000019649640
<scroll-view class="monthDescTab" scroll-x="true" @scroll="scroll" scroll-left="0">
    <view
        v-for="(month, index) in dataArrMonth"
        class="beforeMonth"
        :class="beforeMonthActive == index ? 'active' : ''"
        @click="toMonth(month, index)"
        :key="month"
        v-show="monthTitleShow"
    >
        {{ month }}月
    </view>
</scroll-view>
<style>
.monthDescTab {
    width: 100%;
    /*
    * 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 
    * 只有加入这句话white-space: nowrap; scroll-view组件才能够滑动(此处为横向滑动)
    */
    white-space: nowrap;
    font-size: 30upx;
    height: 50upx;
    line-height: 50upx;
    color: #e8e8e5;
}
</style>

相关文章

暂住......别动,不想说点什么吗?
  • 全部评论(0
    还没有评论,快来抢沙发吧!