feat(Tabs): 新增 l-tabpanel-class 外部样式类

close #1080

Author: murongg

src/tabs/index.js

@@ -19,7 +19,8 @@ Component({
     'l-line-class',
     'l-tabimage-class',
     'l-header-line-class',
-    'l-icon-class'
+    'l-icon-class',
+    'l-tabpanel-class'
   ],
   relations: {
     '../tabpanel/index': {

src/tabs/index.wxml

@@ -34,7 +34,7 @@
   </scroll-view>
   <view wx:if="{{!swipeable}}" class="l-tabpanel-content l-class-content l-content-class"
         style="{{contentHeight?'height:'+contentHeight+'rpx;':''}}{{placement==='top'||placement==='bottom' ? 'margin-left:'+ -100 *currentIndex +'%;':'transform:translate(0,'+ -100 * currentIndex +'%) translateZ(0px);'}}">
-    <view class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':'l-tabpanel-inactive'}}" wx:for="{{tabList}}"
+    <view class="l-tabpanel l-tabpanel-class {{item.key===activeKey?'l-tabpanel-active':'l-tabpanel-inactive'}}" wx:for="{{tabList}}"
           wx:key="key"
           style="{{placement==='left'||placement==='right' ? 'position:absolute;width:100%;height:100%;transform:translate(0,'+ 100 * index +'%) translateZ(0px);':''}}">
       <slot name="{{item.key}}"></slot>
@@ -43,7 +43,7 @@
   <swiper wx:else class="l-tabpanel-content l-tabpanel-swiper l-class-content l-content-class" bindchange="swiperChange"
           style="{{contentHeight?'height:'+contentHeight+'rpx;':''}}"
           current="{{currentIndex}}" vertical="{{placement==='left'||placement==='right'}}">
-    <swiper-item class="l-tabpanel {{item.key===activeKey?'l-tabpanel-active':''}}" wx:for="{{tabList}}" wx:key="key">
+    <swiper-item class="l-tabpanel l-tabpanel-class {{item.key===activeKey?'l-tabpanel-active':''}}" wx:for="{{tabList}}" wx:key="key">
       <slot name="{{item.key}}"></slot>
     </swiper-item>
   </swiper>