Vue可左右滑动按钮组组件使用详解 Vue可左右滑动按钮组组件使用

【Vue可左右滑动按钮组组件使用详解】本文实例为大家分享了基于Vue可左右滑动按钮组组件，供大家参考，具体内容如下
左右两箭头控制按钮组左右移动，双击到最左或最右边，功能比较简单。如下所示

文章图片

.demoButtons {width: 100%; height: 100%; }.buttonF {width: 100%; margin: 0 auto; height: 30px; line-height: 30px; }.lableI {height: 30px; line-height: 30px; width: 20px; cursor: pointer; }.buttonBody {overflow: hidden; height: 30px; line-height: 30px; width: calc(100% - 40px); white-space: nowrap; }.el-tag {text-align: center; padding: 0px 8px !important; height: 28px; line-height: 28px; cursor: pointer; border-radius: 0px !important; overflow: hidden; font-size: 12px; }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。