浏览代码

fix(tabs): type is vertical ellipsis bug

richard1015 3 年之前
父节点
当前提交
55360a1698
共有 2 个文件被更改,包括 4 次插入1 次删除
  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>