blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[bugfix] Tab: line width can be zero (#900)

Browse Source
This commit is contained in:
neverland 2018-11-13 21:47:39 +08:00 committed by GitHub
parent 10a76f2982
commit be1dfd28e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/tabs/index.ts
View File

@ -24,7 +24,10 @@ VantComponent({
props: {
color: String,
lineWidth: Number,
lineWidth: {
type: Number,
value: -1
},
active: {
type: Number,
value: 0
@ -118,20 +121,29 @@ VantComponent({
return;
}
const {
color,
active,
duration,
lineWidth
} = this.data;
this.getRect('.van-tab', true).then(rects => {
const rect = rects[this.data.active];
const width = this.data.lineWidth || (rect.width / 2);
const rect = rects[active];
const width = (lineWidth !== -1) ? lineWidth : rect.width / 2;
let left = rects
.slice(0, this.data.active)
.slice(0, active)
.reduce((prev, curr) => prev + curr.width, 0);
left += (rect.width - width) / 2;
this.setData({
lineStyle: `
width: ${width}px;
background-color: ${this.data.color};
background-color: ${color};
transform: translateX(${left}px);
transition-duration: ${this.data.duration}s;
transition-duration: ${duration}s;
`
});
});