为了账号安全,请及时绑定邮箱和手机立即绑定

cube-ui框架的scroll组件横向滚动不管用,请问怎么回事?

cube-ui框架的scroll组件横向滚动不管用,请问怎么回事?

慕神2036404 2019-02-17 13:46:03
案例是照抄的官方文档:2. 横向滚动 - HorizontalScroll 组件支持横向滚动,只需指定direction="horizontal",同时需要添加相应样式如下。完整示例代码在这里。<cube-scroll   ref="scroll"   :data="items"   direction="horizontal"   class="horizontal-scroll-list-wrap">   <ul class="list-wrapper">     <li v-for="item in items" class="list-item">{{ item }}</li>   </ul></cube-scroll>.horizontal-scroll-list-wrap   border: 1px solid rgba(0, 0, 0, 0.1)  border-radius: 5px   .cube-scroll-content     display: inline-block  .list-wrapper     padding: 0 10px     line-height: 60px     white-space: nowrap  .list-item     display: inline-block但是写出来后不滚动啊,请问怎么回事?
查看完整描述

3 回答

?
暖凉

TA贡献1条经验 获得超0个赞

请问你解决了么?我也遇到了这个问题。

查看完整回答
反对 回复 2019-02-27
  • 暖凉
    暖凉
    我解决了这个问题,原因是它提供的下面这段样式代码,被我改成了less格式的,然后就不行了,用它提供的才可以。。 <style lang="stylus" rel="stylesheet/stylus"> .horizontal-scroll-list-wrap border: 1px solid rgba(0, 0, 0, 0.1) border-radius: 5px .cube-scroll-content display: inline-block .list-wrapper padding: 0 10px line-height: 60px white-space: nowrap .list-item display: inline-block </style>
  • 慕神2036404
    慕神2036404
    没用cube了。。还是谢谢你
  • 3 回答
  • 0 关注
  • 2915 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信