首页 > 其他 > 详细

修改Allure报告的logo图标

时间:2021-01-13 14:42:32      阅读:192      评论:0      收藏:0      [点我收藏+]

需求:想把生成的allure报告的logo修改成自定义的logo

步骤如下:

1.找到自己电脑安装的allure路径下的static文件夹。如我自己电脑的路径为:D:\Program Files (x86)\allure-2.7.0\plugins\custom-logo-plugin\static

 

2.把自己的logo图片放到该文件夹下,如下:

              技术分享图片

3.然后修改截图中的style.css文件,关于logo的css样式可以自己定义。如下是我的修改(修改后记得保存文件):

.side-nav__brand {
  background: url(‘logo.png‘) no-repeat left center !important;      #url括号内写的就是自己图片的名字,我这里的是logo.png
  margin-left: 10px;
  height: 40px;
  background-size: contain !important;
}
.side-nav__brand span{
	display: none;
}
.side-nav__brand:after{
	content: "yhrDemo";    #这是的内容对应的是我logo后面的内容,在接下来的截图中可以看到,如果不写这个样式,默认的就是allure
	margin-left: 20px;
 
}

4.修改文件后,再生成allure报告,结果如下:

                                               技术分享图片 

  

修改Allure报告的logo图标

原文:https://www.cnblogs.com/yanghr/p/14271512.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!