Browse Source

fix(tabs): type is vertical ellipsis bug

richard1015 3 years ago
parent
commit
55360a1698
2 changed files with 4 additions and 1 deletions
  1. 3 0
      src/packages/__VUE/tabs/index.scss
  2. 1 1
      src/packages/__VUE/tabs/template.html

+ 3 - 0
src/packages/__VUE/tabs/index.scss

@@ -16,6 +16,9 @@
       &.scrollable {
         overflow-x: hidden;
         overflow-y: auto;
+        .nut-tabs__titles-item {
+          padding: 0 10px 0 15px;
+        }
       }
       &-item {
         height: $tabs-vertical-titles-item-height;

+ 1 - 1
src/packages/__VUE/tabs/template.html

@@ -11,7 +11,7 @@
                     <nut-icon :color="color" name="joy-smile" />
                 </view>
                 <view class="nut-tabs__titles-item__text"
-                    :class="{ ellipsis: ellipsis && !titleScroll && direction == 'horizontal' }">{{ item.title }}
+                    :class="{ ellipsis: ellipsis }">{{ item.title }}
                 </view>
             </view>
         </template>