问题描述:按钮宽度发生变化之后定位不准确
解决后:
代码:
/**
* 重置tab active bar 位置
* @param id dom id
*/
const resetTabActivePosition = (id) => {
const el = document.getElementById(id)
setTimeout(() => {
const activeEl = el.querySelector('.ant-tabs-tab.ant-tabs-tab-active')
const lineEl = el.querySelector('.ant-tabs-ink-bar')
const style = getComputedStyle(activeEl)
const pl = Number(style.paddingLeft.match(/\d+/)[0])
const pr = Number(style.paddingRight.match(/\d+/)[0])
const w = Number(style.width.match(/\d+/)[0])
lineEl.style.left = (activeEl.offsetLeft + pl) + 'px'
lineEl.style.width = (w - pl - pr) + 'px'
}, 100)
}
export default resetTabActivePosition