unigui中的unipagecontrol的tabbar设置（位置，高度，宽度，间隙）

最新推荐文章于 2023-12-09 08:49:41 发布

原创最新推荐文章于 2023-12-09 08:49:41 发布 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#positon #width #height #spacing #unipagecontrol

unigui 专栏收录该内容

60 篇文章

订阅专栏

本文详细介绍了如何使用UniPageControl组件，通过设置TUniClientEvents属性中的TUniEventStrings，实现自定义tab面板的位置、尺寸及间距。具体操作包括调整tab位置至顶部，并精细控制tab栏的高度、宽度及tab之间的间距。

1、选中unipagecontrol组件。

2、(TUniClientEvents)->(TUniEventStrings)属性设置。

function tabPanel.beforeInit(sender, config)
{
    config.tabPosition = "top"; //position  bottom  top left right
    
    config.tabBar = {
        defaults: {
            height: '60px', //height
            width: '150px', //width
            margin: '0 0 0 15' //tabspacing **
        }
    };
}

结果。