首页 > 其他 > 详细

elementUI自定义单选框内容

时间:2020-03-23 22:26:51      阅读:425      评论:0      收藏:0      [点我收藏+]
<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/p/12555615.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!