Tabs support scroll

examples/routers/tabs.vue

@@ -1,8 +1,10 @@
 <template>
+    <div style="height: 5000px">
         <Tabs type="card">
             <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane>
             <Button @click="handleTabsAdd" size="small" slot="extra">增加</Button>
         </Tabs>
+    </div>
 </template>
 <script>
     export default {

src/components/tabs/tabs.vue

@@ -12,7 +12,7 @@
                 <div ref="navWrap" :class="[prefixCls + '-nav-wrap', scrollable ? prefixCls + '-nav-scrollable' : '']">
                     <span :class="[prefixCls + '-nav-prev', scrollable ? '' : prefixCls + '-nav-scroll-disabled']" @click="scrollPrev"><Icon type="ios-arrow-back"></Icon></span>
                     <span :class="[prefixCls + '-nav-next', scrollable ? '' : prefixCls + '-nav-scroll-disabled']" @click="scrollNext"><Icon type="ios-arrow-forward"></Icon></span>
-                    <div ref="navScroll" :class="[prefixCls + '-nav-scroll']">
+                    <div ref="navScroll" :class="[prefixCls + '-nav-scroll']" @DOMMouseScroll="handleScroll" @mousewheel="handleScroll">
                         <div ref="nav" :class="[prefixCls + '-nav']" :style="navStyle">
                             <div :class="barClasses" :style="barStyle"></div>
                             <div :class="tabCls(item)" v-for="(item, index) in navList" @click="handleChange(index)">
@@ -441,6 +441,20 @@
                     }
                 }
             },
+            handleScroll (e) {
+                e.preventDefault();
+                e.stopPropagation();
+                const type = e.type;
+                let delta = 0;
+                if (type === 'DOMMouseScroll' || type === 'mousewheel') {
+                    delta = (e.wheelDelta) ? e.wheelDelta : -(e.detail || 0) * 40;
+                }
+                if (delta > 0) {
+                    this.scrollPrev();
+                } else {
+                    this.scrollNext();
+                }
+            },
             handleResize(){
                 this.updateNavScroll();
             },