airyland / airyland/vux

关于 tab组件 滚动切换时下划线对应不上的建议

Open
#3,016 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
17.5k
Forks
3.6k
PR merge metrics
No merged PRs in 30d

Description

### Existing Component

### Component Name
tab

### Description
### tab组件 滚动切换时下划线对应不上;

我项目的场景是tab组件的左右两端都有东西,然后出现上面的问题,看了下代码是,计算宽度时是用window.innerwidth 除以 当前tab-item的宽度来计算的,这样用window.innerWidth就不合适了,所以建议使用组件this.$el的offsetWidth或者clientWidth来作为总的宽度来进行计算。同时innerWidth 是包含滚动条的,所以文档中的demo也是对应不上

**补充一下,要是计算宽度改成tab组件的宽度,需要设置tab组件的宽度**

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.