el-tabs滑动样式
时间: 2023-10-06 21:06:17 浏览: 101
要实现el-tabs的滑动样式,可以通过在el-tabs标签上添加属性scrollable="true"来启用滑动模式。同时,还可以使用属性prev-icon和next-icon来设置左右滑动按钮的图标。此外,还可以使用属性swipe-threshold来调整滑动触发的阈值大小。通过这些属性的设置,可以实现el-tabs的滑动效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [element-plus el-tabs组件label固定,不随着内容溢出滚动](https://blog.csdn.net/weixin_44588176/article/details/130525673)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [超漂亮的Tab切换插件](https://download.csdn.net/download/yanggang82/4466700)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Vue3 - Element Plus 标签页 Tabs 去掉底部灰色线条下划线,隐藏 el-tabs / el-tab-pane 选项卡下面一条很...](https://blog.csdn.net/weixin_44198965/article/details/132229156)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]