From 634fb744a95173bf82afa8ab3afb0872cbebc55b Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 20 Sep 2018 16:45:58 +0800
Subject: [PATCH] [improvement] Tab: support custom-class (#612)

---
 packages/area/index.js       | 3 +++
 packages/submit-bar/index.js | 8 +++++---
 packages/tab/README.md       | 8 +++++++-
 packages/tab/index.wxml      | 2 +-
 packages/tabs/index.wxml     | 2 +-
 5 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/packages/area/index.js b/packages/area/index.js
index 6d401587..12cee4e3 100644
--- a/packages/area/index.js
+++ b/packages/area/index.js
@@ -31,16 +31,19 @@ create({
       }
     }
   },
+
   data: {
     pickerValue: [0, 0, 0],
     columns: []
   },
+
   computed: {
     displayColumns() {
       const { columns = [], columnsNum } = this.data;
       return columns.slice(0, +columnsNum);
     }
   },
+
   methods: {
     onCancel() {
       this.triggerEvent('cancel', {
diff --git a/packages/submit-bar/index.js b/packages/submit-bar/index.js
index 3ca5a92c..f9466aa8 100644
--- a/packages/submit-bar/index.js
+++ b/packages/submit-bar/index.js
@@ -5,6 +5,7 @@ create({
     'price-class',
     'button-class'
   ],
+
   props: {
     tip: [String, Boolean],
     type: Number,
@@ -22,21 +23,22 @@ create({
       value: 'danger'
     }
   },
-  options: {
-    multipleSlots: true
-  },
+
   computed: {
     hasPrice() {
       return typeof this.data.price === 'number';
     },
+
     priceStr() {
       return (this.data.price / 100).toFixed(2);
     },
+
     tipStr() {
       const { tip } = this.data;
       return typeof tip === 'string' ? tip : '';
     }
   },
+
   methods: {
     onSubmit(event) {
       this.$emit('submit', event.detail);
diff --git a/packages/tab/README.md b/packages/tab/README.md
index b83a3ecc..17135110 100644
--- a/packages/tab/README.md
+++ b/packages/tab/README.md
@@ -144,10 +144,16 @@ Page({
 | bind:change | 当前激活的标签改变时触发 | index：标签索引，title：标题 |
 | bind:disabled | 点击被禁用的标签时触发 | index：标签索引，title：标题 |
 
+### 外部样式类
+
+| 类名 | 说明 |
+|-----------|-----------|
+| custom-class | 根节点样式类 |
+
 ### 更新日志
 
 | 版本 | 类型 | 内容 |
 |-----------|-----------|-----------|
 | 0.3.0 | feature | 新增组件 |
 | 0.3.2 | bugfix | 修复部分情况下代码报错的问题 |
-| 0.3.2 | bugfix | 修复 color 属性会改变未激活标签的颜色的问题 |
\ No newline at end of file
+| 0.3.2 | bugfix | 修复 color 属性会改变未激活标签的颜色的问题 |
diff --git a/packages/tab/index.wxml b/packages/tab/index.wxml
index ee7168f3..508c827d 100644
--- a/packages/tab/index.wxml
+++ b/packages/tab/index.wxml
@@ -1,6 +1,6 @@
 <view
   wx:if="{{ inited }}"
-  class="van-tab__pane"
+  class="custom-class van-tab__pane"
   style="{{ active ? '' : 'display: none' }}"
 >
   <slot />
diff --git a/packages/tabs/index.wxml b/packages/tabs/index.wxml
index 4b55d7c9..6c2bffe1 100644
--- a/packages/tabs/index.wxml
+++ b/packages/tabs/index.wxml
@@ -1,4 +1,4 @@
-<view class="van-tabs van-tabs--{{ type }}">
+<view class="custom-class van-tabs van-tabs--{{ type }}">
   <view class="van-tabs__wrap {{ scrollable ? 'van-tabs__wrap--scrollable' : '' }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
     <scroll-view
       scroll-x="{{ scrollable }}"