直播平台源代码,el-button自定义图片显示()-其他
直播平台源代码,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自定义图片显示, 更多内容欢迎关注之后的文章
————————
直播平台源代码,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自定义图片显示, 更多内容欢迎关注之后的文章