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