如何优化弹窗的样式

请问如何用JS优化弹窗的样式(需要引用图片,来自定义样式)

image.png

报错信息:image.png

image.png

image.png

var w=600;//高度自己调整

var h=400;//宽度自己调整

var url = encodeURI("/webroot/decision/view/report?viewlet=弹窗测试.cpt");

//窗

var $iframe = $("

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {    

title: "我是对话框",  //标题   

 width: w,   //宽度    

  height: h //高度 

 };
FineReport LI3715 发布于 2023-6-14 21:34 （编辑于 2023-6-15 13:21）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共1回答
最佳回答
0
CD20160914Lv8专家互助
发布于2023-6-14 21:55（编辑于 2023-6-15 13:30）

-------------------

demo.rar

你自己找一个图片，大小比弹窗更长更宽的一张图片。。然后放在webroot\help\picture目录下

然后最后这样引用

var w=600;//高度自己调整

var h=400;//宽度自己调整

var url = encodeURI("/webroot/decision/view/report?viewlet=GettingStarted.cpt");

//窗体

var $iframe = $("

//将窗体的src属性设置为模板路径

$iframe.attr("src", url);

//窗体的属性

var o = {    

title: "我是对话框",  //标题   

 width: w,   //宽度    

  height: h //高度 

 };

//弹出窗体

FR.showDialog(o.title, o.width, o.height, $iframe, o);

$(".fr-core-panel-header.fr-core-panel-style-blue.fr-core-window-header").css({'background': 'url(/webroot/help/picture/0001.png)no-repeat','background-size':'100% 100%'});

$(".fr-core-panel-title").css({"color":"#000000","font-family":"microsoft yahei","font-size":"14px"}) ;

我下面的图片是一张背景透明的png图片。。你自己弄一张适合的图片

image.png

image.png

image.png
举报 收起评论(19)
  • LI3715 LI3715(提问者) 这个脚本有文档吗
    2023-06-15 12:29 
  • CD20160914 CD20160914 回复 LI3715(提问者) 官方没有，都是在网友们总结的，然后自己按需求再改就行了。js教程：https://www.w3school.com.cn/js/index.asp
    2023-06-15 12:36 
  • LI3715 LI3715(提问者) 回复 CD20160914 外层窗体可以加边框吗
    2023-06-15 12:51 
  • CD20160914 CD20160914 回复 LI3715(提问者) 啥意思。这个是图片了呀。
    2023-06-15 12:53 
  • LI3715 LI3715(提问者) 回复 CD20160914 就是,我在弹出框的表头和表体分别加不同的图片
    2023-06-15 12:57 
  • 2关注人数
  • 543浏览人数
    • 最后回答于：2023-6-15 13:30
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部