From bcfa4ed3accbda3b4666c1f46e413bba872ccc88 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 9 Oct 2018 17:44:53 +0800
Subject: [PATCH] [improvement] Tab: update line style (#1908)
---
packages/tabs/index.vue | 2 +-
packages/vant-css/src/tab.css | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/packages/tabs/index.vue b/packages/tabs/index.vue
index 89c351b5f..1e1391ab6 100644
--- a/packages/tabs/index.vue
+++ b/packages/tabs/index.vue
@@ -256,7 +256,7 @@ export default create({
}
const tab = this.$refs.tabs[this.curActive];
- const width = this.lineWidth || tab.offsetWidth;
+ const width = this.lineWidth || (tab.offsetWidth / 2);
const left = tab.offsetLeft + (tab.offsetWidth - width) / 2;
this.lineStyle = {
diff --git a/packages/vant-css/src/tab.css b/packages/vant-css/src/tab.css
index 593a368ed..120737872 100644
--- a/packages/vant-css/src/tab.css
+++ b/packages/vant-css/src/tab.css
@@ -86,6 +86,7 @@ $van-tabs-card-height: 30px;
bottom: 15px;
height: 2px;
position: absolute;
+ border-radius: 2px 0;
background-color: $red;
}