历史版本3 :JS实现自定义工具栏高度 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.描述编辑

有的时候我们想自定义工具栏的高度,比如修改为40px如下图:

222

2.操作步骤编辑

根据预览模式,比如修改填报预览下的工具栏高度,点击模板>模板web属性>填报预览设置,选择为该模板单独设置,然后添加加载结束事件,如下图:


222

具体js如下:

//x-toolbar是工具栏所在的div class样式$(".x-toolbar").css({ "height":"40px", "background-size":"100% 110%", "border-bottom":"solid 1px #d0d0d0", "border-top":"solid 1px #d0d0d0" }) $(".x-toolbar table").attr("style","height:40px") //窗口改变大小重新设置工具栏高度 $(window).resize(function() { $(".x-toolbar").css({ "height":"40px", "background-size":"100% 110%", "border-bottom":"solid 1px #d0d0d0", "border-top":"solid 1px #d0d0d0" }) });