Merge pull request #837 from Tencent/fix/tabs

fix(Tabs): vertical content click event invalid
Tencent · Sep 5, 2022 · 26eaeff · 26eaeff
2 parents b8a273d + 1673ce4
commit 26eaeff
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/tabs/__test__/__snapshots__/index.test.js.snap b/src/tabs/__test__/__snapshots__/index.test.js.snap
@@ -11,6 +11,7 @@ exports[`tabs :base 1`] = `
       container=""
       disabled="{{false}}"
       offsetTop=""
+      tClass="t-tabs__sticky"
       zIndex="{{2}}"
       bind:scroll="onTouchScroll"
     >

diff --git a/src/tabs/tabs.less b/src/tabs/tabs.less
@@ -132,6 +132,10 @@ page {
 
   &.@{prefix}-tabs--left,
   &.@{prefix}-tabs--right {
+    .@{prefix}-tabs__sticky {
+      width: @tab-item-width--vertical;
+    }
+
     .@{prefix}-tabs__content-inner {
       position: relative;
       width: 100%;

diff --git a/src/tabs/tabs.wxml b/src/tabs/tabs.wxml
@@ -2,6 +2,7 @@
 
 <view class="{{classPrefix}} {{classPrefix}}--{{placement}} {{prefix}}-class">
   <t-sticky
+    t-class="{{classPrefix}}__sticky"
     disabled="{{ !sticky }}"
     z-index="{{ stickyProps.zIndex || '1' }}"
     offset-top="{{ stickyProps.offsetTop }}"