怎么调整填报预览web工具栏中图标和字体的大小

1572311576(1).jpg 1572309851(1).jpg 1572261780(1).jpg

FineReport 李欣欣 发布于 2019-10-28 19:26 （编辑于 2019-10-29 09:14）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：4 F币 + 添加悬赏

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

共2回答

最佳回答

张洪威Lv6高级互助
发布于2019-10-28 20:25

setTimeout(function(){

$('[class^="fr-btn-text"]').css({'font-size':'large'})

},100)

填报页面加载结束里面加事件。

举报收起评论(4)

win_yss 这样是对的。可以

2019-10-28 20:54

李欣欣(提问者) 但是参数页面的字体也变大了，或者是怎么调整，让字体再小一点，现在有点太大了

2019-10-29 08:51

张洪威回复李欣欣(提问者) 把里面的large 换成10px这种，然后就改变数字调整大小。

2019-10-29 08:56

张洪威回复李欣欣(提问者) 或者你在上面的fr-btn-text 后面加一个空格，查询按钮就不会变大了。

2019-10-29 09:02

win_yssLv5见习互助
发布于2019-10-28 20:00（编辑于 2019-10-28 20:57）

在web属性里，用加载结束事件中，插入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"
    })
});

先调高工具栏，再加大工具栏字体。

setTimeout(function(){

	$('[class^="fr-btn-text"]').css({'font-size':'large'})

	},100)

放在一起

举报收起评论(2)

李欣欣(提问者) 这个我调过了，工具栏里边的字体和图标怎么调

2019-10-28 20:04

win_yss 回复李欣欣(提问者) $(\'.fr-btn-text.x-emb-print\').css(\'color\', \'red\'); //改变打印字体颜色 $(\'.fr-btn-text.x-emb-print\').css(\'font-size\', \'20px\'); //改变打印字体大小我刚随便试了下，可以把字体调大点，但是你自己要再把显示字体的哪行调高。

2019-10-28 20:43