github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(tab): 添加 shadow 助手类

pull/2341/head
sight 2024-11-19 17:05:26 +08:00
parent 4930ffadc4
commit 369071a5fe
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/element.js
View File

@ -328,6 +328,7 @@ layui.define('jquery', function(exports){
titleElem.append(borderBottomPatch); titleElem.append(borderBottomPatch);
} }
titleElem.addClass(SCROLL); titleElem.addClass(SCROLL);
call.tabUpdateShadowHelper(tabElem, titleElem);
if(checkOverflow){ if(checkOverflow){
// TODO 计算所有选项卡宽度之和，以规避 float 带来的瑕疵？ // TODO 计算所有选项卡宽度之和，以规避 float 带来的瑕疵？
@ -355,6 +356,7 @@ layui.define('jquery', function(exports){
} }
var distance = 30 * (direction > 0 ? 1 : -1); var distance = 30 * (direction > 0 ? 1 : -1);
el.scrollLeft(el.scrollLeft() + distance); el.scrollLeft(el.scrollLeft() + distance);
call.tabUpdateShadowHelper(tabElem, el);
}) })
}else{ }else{
titleElem.find('.'+ BAR).remove(); titleElem.find('.'+ BAR).remove();
@ -362,6 +364,12 @@ layui.define('jquery', function(exports){
borderBottomPatch.width('100%'); borderBottomPatch.width('100%');
} }
} }
,tabUpdateShadowHelper: function(targetEl, scrollEl){
var scrollLeft = scrollEl.scrollLeft();
// 阴影 helper 类
targetEl.toggleClass('layui-tab-has-start-shadow', scrollLeft > 0);
targetEl.toggleClass('layui-tab-has-end-shadow', scrollLeft < scrollEl.prop('scrollWidth') - scrollEl.outerWidth() - 1);
}
//点击一级菜单 //点击一级菜单
/* /*