直播平台源代码，el-button自定义图片显示

直播平台源代码，el-button自定义图片显示

1 在按钮处自定义icon

 

1	<br>                  <el-button @click="to_devops(scope.row.pr_url)"><br>                    <i class="el-icon-devops" />// 自定义icon，这个el-icon-devops是我自己命名的<br>                  </el-button>

​

2 在css中设置el-icon-devops

 

1	::v-deep .el-icon-devops {<br>  background: url('../../../assets/devops.png') center no-repeat;// 注意此处的url，在这里引入自己的图片<br>  font-size: 12px;<br>  background-size: cover;<br>}<br>::v-deep .el-icon-devops:before {<br>  content: "替";<br>  font-size: 12px;<br>  visibility: hidden;<br>}

 

以上就是直播平台源代码，el-button自定义图片显示， 更多内容欢迎关注之后的文章