调tab块之间的间距为什么就第一个生效了？？

FineReport yzmiFMhw3943802 发布于 2023-9-22 15:10 （编辑于 2023-9-22 15:11）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

congerLv6高级互助
发布于2023-9-22 15:24（编辑于 2023-9-22 16:17）

10.0

参考

https://bbs.fanruan.com/wenda/question/129737.html

tab块的标题是定位控制的，你要调整每块的left

-----新自适应用这个

var $element = $("div[widgetname='TABPANE0'] .bi-pane.bi-button-group > div:not(:nth-child(1))")

var i=1;

// 这个是距离

var spaceValue = 50;

$element.each(function(){

var currentInset = $(this).css('inset')

var insetValues = currentInset.split(' ');

var lastInsetValue = insetValues[insetValues.length - 1];

insetValues[insetValues.length - 1] = parseFloat(lastInsetValue)+spaceValue*i+"px";

var newInset = insetValues.join(' ');

$(this).css('inset', newInset);

i++;

})

举报收起评论(3)

yzmiFMhw3943802(提问者) 没懂

2023-09-22 15:26

conger 回复 yzmiFMhw3943802(提问者) 你怎么写的，上传模板。我看看和我之前的有什么区别

2023-09-22 15:27

conger 回复 yzmiFMhw3943802(提问者) 新自适应用这个

2023-09-22 15:50

snrtuemcLv8专家互助
发布于2023-9-22 15:20

这里里面的参考的吗，看标签的，第一个不修改位置

https://bbs.fanruan.com/wenda/question/129737.html

举报收起评论(2)

yzmiFMhw3943802(提问者) 我就是这样写的没效果然后就第一个tab前面加了间距其他的没加

2023-09-22 15:22

yzmiFMhw3943802(提问者) setTimeout(function() { //获取TAB块为TABPANE0的第二个div元素 let a = $(\'div[widgetname=TABPANE0] >div\')[1] a.style.left = a.offsetLeft + 10 + \'px\' //将第二个div元素的left属性设置为当前值+10 let b = $(\'div[widgetname=TABPANE0] >div\')[2] //将第二个div元素的left属性设置为当前值+20(第一个+10了为了给第二个也向右移动10px) b.style.left = b.offsetLeft + 20 + \'px\' //同理 let c = $(\'div[widgetname=TABPANE0] >div\')[3] c.style.left = c.offsetLeft + 30 + \'px\' }, 100)

2023-09-22 15:23

2关注人数

340浏览人数

最后回答于：2023-9-22 16:17

活动推荐更多

热门课程更多

FineBI6.X零基础入门
免费学习

请选择关闭问题的原因

确定取消

提问

悬赏者（1）

撤回悬赏（1）

添加悬赏

请选择关闭问题的原因