天天看点

elementUI自定义单选框内容

<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自定义单选框内容

我们公司正在寻找前端和后端,感兴趣的小哥哥或者小姐姐可以私聊我

如果你是大佬,请带我们飞

如果你是菜鸟,我们带你飞

仅限成都

作者:明月人倚楼

出处:https://www.cnblogs.com/IwishIcould/

想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

elementUI自定义单选框内容

支付宝

elementUI自定义单选框内容

微信

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

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