drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

getComputedStyle在IE中不能正确获取元素的宽度，改为通过offsetWidth获取，修正tabs的高亮下划线在IE中错位的问题

Browse source
This commit is contained in:
erhuluanzi 2017-08-06 16:25:43 +08:00
parent 06290cb3a9
commit 75798f5b0c
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/tabs/tabs.vue
View file

@ -150,13 +150,13 @@
const index = this.navList.findIndex((nav) => nav.name === this.activeKey); const index = this.navList.findIndex((nav) => nav.name === this.activeKey);
const prevTabs = this.$refs.nav.querySelectorAll(`.${prefixCls}-tab`); const prevTabs = this.$refs.nav.querySelectorAll(`.${prefixCls}-tab`);
const tab = prevTabs[index]; const tab = prevTabs[index];
this.barWidth = parseFloat(getStyle(tab, 'width')); this.barWidth = parseFloat(tab.offsetWidth);
if (index > 0) { if (index > 0) {
let offset = 0; let offset = 0;
const gutter = this.size === 'small' ? 0 : 16; const gutter = this.size === 'small' ? 0 : 16;
for (let i = 0; i < index; i++) { for (let i = 0; i < index; i++) {
offset += parseFloat(getStyle(prevTabs[i], 'width')) + gutter; offset += parseFloat(prevTabs[i].offsetWidth) + gutter;
} }
this.barOffset = offset; this.barOffset = offset;