-
-
七年夏至 小试身手Lv3
发表于2020-9-28 13:49
悬赏1
已解决
楼主
最近看过此主题的会员
最佳答案
可以通过绑定按钮对按钮设置样式，方法见这个帖子https://bbs.esensoft.com/thread-137439-1-1.html
5个回答
本帖最后由 xxxl 于 2020-9-28 13:58 编辑
tab页可以在属性中 的自定义属性中修改
可以通过加css样式来改变，代码示例如下：
- .xtabctrl .xtab-header-default {
- height: 77px;
- border:0px;
- background:transparent;
- }
- .xtabctrl .xtab-header-default ul li {/*标签头的通常样式*/
- font-size: 12px;
- width:206px;
- height:77px;
- margin:0;
- padding:0;
- }
- .xtabctrl .xtab-header-default .xtab-header-center {/*标签头的通常样式*/
- text-align: center;
- line-height: 36px;
- width:206px;
- height:77px;
- font-size: 24px;
- color: #05F0FF;
- margin: 0px;
- background-color: transparent;
- background-image: url(/abi/vfs/root/products/ebi/sys/picture/背景图.png);
- background-repeat: no-repeat;
- }
-
- .xtabctrl .xtab-header-default .xtab-header-active .xtab-header-right {/* 选中后的背景颜色*/
- background : #0697A3;
- }
- .xtabctrl .xtab-header-default .xtab-header-active .xtab-header-center {
- background:none;
- margin: 0px ;
- font-size: 24px;
- }
- .xtabctrl .xtab-header .xtab-header-active .xtab-header-text {/*选中后标签头的样式*/
- font-weight: normal;
- color:#ffffff;
- }
- .xtabctrl .xtab-header .xtab-header-text {/* 标签头文字居中*/
- top: 25%;
- position: relative;
- }
- .xtabctrl .xtab-body-default{/* 标签体的样式 当标签头宽高修改后标签体可能遮住标签头导致不能点击 需要调整位置*/
- top:77px;
- }
看错了，上面这是abi的tab页设置，如果是bi的话需要在客户端脚本中写脚本
这两个帖子里有讲到tab页的样式脚本参考
http://bbs.esensoft.com/thread-128102-1-1.html
http://help.esensoft.com/doc-view-138.html
可以通过绑定按钮对按钮设置样式，方法见这个帖子https://bbs.esensoft.com/thread-137439-1-1.html
