案例是照抄的官方文档:
2. 横向滚动 - Horizontal
Scroll 组件支持横向滚动,只需指定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
但是写出来后不滚动啊,请问怎么回事?
暖凉