From 7522712de76d34c4b2c1e4d833d0297568dbb036 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Thu, 16 May 2019 15:17:46 +0800
Subject: [PATCH] [improvement] IndexBar: add less vars

---
 packages/index-anchor/index.less |  8 ++++----
 packages/index-bar/index.less    |  4 ++--
 packages/style/normalize.less    |  2 +-
 packages/style/var.less          | 10 ++++++++++
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/packages/index-anchor/index.less b/packages/index-anchor/index.less
index b05f88dd0..6a48362ed 100644
--- a/packages/index-anchor/index.less
+++ b/packages/index-anchor/index.less
@@ -1,8 +1,8 @@
 @import '../style/var';
 
 .van-index-anchor {
-  padding: 0 15px;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 32px;
+  padding: @index-anchor-padding;
+  font-weight: @index-anchor-font-weight;
+  font-size: @index-anchor-font-size;
+  line-height: @index-anchor-line-height;
 }
diff --git a/packages/index-bar/index.less b/packages/index-bar/index.less
index 62263a5c9..3aaa86315 100644
--- a/packages/index-bar/index.less
+++ b/packages/index-bar/index.less
@@ -16,7 +16,7 @@
   &__index {
     padding: 0 3px 0 15px;
     font-weight: 500;
-    font-size: 10px;
-    line-height: 14px;
+    font-size: @index-bar-index-font-size;
+    line-height: @index-bar-index-line-height;
   }
 }
diff --git a/packages/style/normalize.less b/packages/style/normalize.less
index 25a2b897a..d971d72af 100644
--- a/packages/style/normalize.less
+++ b/packages/style/normalize.less
@@ -1,5 +1,5 @@
 /**
- * 基本样式入口
+ * Normalize
  */
 
 html {
diff --git a/packages/style/var.less b/packages/style/var.less
index 0d4e00a80..bc7d0dc60 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -241,6 +241,16 @@
 @goods-action-icon-font-size: 10px;
 @goods-action-icon-active-color: @active-color;
 
+// IndexAnchor
+@index-anchor-padding: 0 15px;
+@index-anchor-font-weight: 500;
+@index-anchor-font-size: 14px;
+@index-anchor-line-height: 32px;
+
+// IndexBar
+@index-bar-index-font-size: 10px;
+@index-bar-index-line-height: 14px;
+
 // Info
 @info-size: 16px;
 @info-color: @white;