更新记录

0.3（2020-01-08） 下载此版本

删除没必要的文件

0.2（2020-01-08） 下载此版本

优化了样式布局

0.1（2020-01-05） 下载此版本

使用方法

<MocRadio :labelList='radioItem' @change='change'></MocRadio>
radioItem: [
                    {
                        name: '男',
                        value: 'male',
                        defaultIcon: radioMaleDefaultIcon,
                        radioActiveIcon: radioMaleActiveIcon,
                        checked: false,
                    },
                    {
                        name: '女',
                        value: 'woman',
                        defaultIcon: radioWomanDefaultIcon,
                        radioActiveIcon: radioWomanActiveIcon,
                        checked: false,
                    }
                ]

平台兼容性

使用说明

<MocRadio :labelList='radioItem' @change='change'></MocRadio>

引入组件
import MocRadio from '../../components/moc-radio/moc-radio.vue';
引入图像文件
import radioMaleDefaultIcon from '../../static/moc-radio/male.png';
import radioMaleActiveIcon from '../../static/moc-radio/male-active.png';
import radioWomanDefaultIcon from '../../static/moc-radio/woman.png';
import radioWomanActiveIcon from '../../static/moc-radio/woman-active.png';
export default {
    components:{
        MocRadio
    },
    data() {
        return {
            radioItem: [
                {
                    name: '男',
                    value: 'male',
                    defaultIcon: radioMaleDefaultIcon, //未选择图像
                    radioActiveIcon: radioMaleActiveIcon,  //选中图像
                    checked: false,
                },
                {
                    name: '女',
                    value: 'woman',
                    defaultIcon: radioWomanDefaultIcon,
                    radioActiveIcon: radioWomanActiveIcon,
                    checked: false,
                }
            ]
        }
    },
    methods: {
        change(e){
            console.log(e)
        }
    }
}