决策表内如何引用CSS文件作为组件的图标?

决策表中,视图树的图标固定展示是可以的,但是这个视图树内容有多个的时候除开首位能唯一区分以外,中间部分都不能唯一区分(定位全都是.mid-line-conn-background),所以想要引用CSS文件进去直接以序号列表的形式去展示,要如何实现?(想要实现效果:https://bbs.fanruan.com/thread-133741-1-1.html

目前已实现代码:

$(".first-line-conn-background.f-s-n.f-auto.c-e.f-c").css({"background-image":"url(http://ip:89/webroot/help/css/custom/111.png)","background-repeat":"no-repeat","background-position":"center"});

$(".mid-line-conn-background.f-s-n.f-auto.c-e.f-c").css({"background-image":"url(http://ip:89/webroot/help/css/custom/222.png)","background-repeat":"no-repeat","background-position":"center"});

$(".last-line-conn-background.f-s-n.f-auto.c-e.f-c").css({"background-image":"url(http://ip:89/webroot/help/css/custom/333.png)","background-repeat":"no-repeat","background-position":"center"});

2222.png

FineReport 没有想好名字那就叫小明吧 发布于 2024-10-22 12:06
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
没有想好名字那就叫小明吧Lv4初级互助
发布于2024-10-22 14:20

方案:

直接固定写死,针对$(".mid-line-conn-background.f-s-n.f-auto.c-e.f-c")元素重复问题,采用序号方式进行区分,写为

$(".mid-line-conn-background.f-s-n.f-auto.c-e.f-c").eq(0).css({"background-image":"url(http://ip:89/webroot/help/css/custom/222.png)","background-repeat":"no-repeat","background-position":"center"});

利用此方式,对收尾排出后的中间元素进行序号定位,.eq(0):表示该元素的第一个,第二个等,根据此思路,可对超过4个的内容中的中间元素进行唯一图标进行标记。

最佳回答
0
华莉星宸Lv7资深互助
发布于2024-10-22 12:13(编辑于 2024-10-22 12:14)

这个你必须把css文件上传到服务器的对应目录(必须要在webroot目录下或者他的子目录下),然后直接服务器直接引用就可以额

image.png

image.png

  • 没有想好名字那就叫小明吧 没有想好名字那就叫小明吧(提问者) 您这个是普通报表, 目前我通过此方法顺利在决策表内引用到了: setTimeout(function() { // 引用css var link = ''; // 添加css样式 //$(".f-s-n.f-auto.c-e.f-c").append(link); //直接测试 $(".last-line-conn-background.f-s-n.f-auto.c-e.f-c").css({"background-image":"url(http://ip:89/webroot/help/css/custom/333.png)","background-repeat":"no-repeat","background-position":"center"}); $("div[widgetname=TABLIST]").append(link); }, 200); 但是遇到一个问题,就除开首尾的图标是一样的无法区分唯一的问题改如何解决呢?
    2024-10-22 12:22 
  • 1关注人数
  • 90浏览人数
  • 最后回答于:2024-10-22 14:20
    请选择关闭问题的原因
    确定 取消
    返回顶部