修改Allure报告的logo图标


需求:想把生成的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报告,结果如下:

                                                

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM