直播源码开发，el-button自定义图片显示

直播源码开发，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自定义图片显示，更多内容欢迎关注之后的文章