0
点赞
收藏
分享

微信扫一扫

elementUI自定义单选框内容

Soy丶sauce 2022-09-01 阅读 109

<template>
<div>
<div class="heng-div">
<el-radio v-model="radio" label="0" class="chun-se">纯色 </el-radio> <el-color-picker v-model="color4" class="min-div" size="mini"></el-color-picker>
<el-radio v-model="radio" label="1">图片<i class="el-icon-info ele-icon"></i></el-radio>
<el-radio v-model="radio" label="2">视频<i class="el-icon-warning ele-icon"></i></el-radio>
<el-radio v-model="radio" label="3">直播<i class="el-icon-warning ele-icon"></i></el-radio>
</div>
</div>
</template>

<script>
export default {
data(){
return{
radio: '1',
color4:"#409EFF"
}
}
}
</script>

<style scoped>

.ele-icon{
color: #ccc;
}

.heng-div{
display: flex;
align-items: center;
}
.chun-se{
margin-right: 0 !important;
}
.min-div{
margin-right: 30px;
}

</style>

elementUI自定义单选框内容_ico

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。


作者:​​晚来南风晚相识​​​

本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接

如果文中有什么错误,欢迎指出。以免更多的人被误导。



举报

相关推荐

0 条评论