上面那段el-scrollbar改为横向布局
时间: 2023-06-28 19:08:14 浏览: 129
Vue的el-scrollbar实现自定义滚动
要实现横向布局,可以将 `el-scrollbar__wrap` 的样式改为:
```css
.el-scrollbar__wrap {
overflow: hidden;
display: flex;
flex-direction: row;
}
```
同时,将 `el-scrollbar__view` 的样式改为:
```css
.el-scrollbar__view {
overflow-x: scroll;
overflow-y: hidden;
flex: 1;
white-space: nowrap;
}
```
这样就可以实现横向滚动了。注意需要根据实际情况进行微调,例如可能需要加上 `align-items: center` 等样式来使内容居中。
阅读全文