直播平臺原始碼,el-button自定義圖片顯示

zhibo系統開發發表於2022-11-30

直播平臺原始碼,el-button自定義圖片顯示

1 在按鈕處自定義icon

                  <el-button @click="to_devops(scope.row.pr_url)">
                    <i class="el-icon-devops" />// 自定義icon,這個el-icon-devops是我自己命名的
                  </el-button>


2 在css中設定el-icon-devops

::v-deep .el-icon-devops {
  background: url('../../../assets/devops.png') center no-repeat;// 注意此處的url,在這裡引入自己的圖片
  font-size: 12px;
  background-size: cover;
}
::v-deep .el-icon-devops:before {
  content: "替";
  font-size: 12px;
  visibility: hidden;
}


以上就是直播平臺原始碼,el-button自定義圖片顯示, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2925873/,如需轉載,請註明出處,否則將追究法律責任。

相關文章