修改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