[improvement] Tab: support custom-class (#612)

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', {

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);

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 属性会改变未激活标签的颜色的问题 |
+| 0.3.2 | bugfix | 修复 color 属性会改变未激活标签的颜色的问题 |

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 />

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 }}"