<template>
    <Radio-group v-model="clientType" @on-change="typeChange">
        <Radio label="all">
            <span>All</span>
        </Radio>
        <Radio label="pc" disabled>
            <Icon type="android-desktop"></Icon>
            <span>PC</span>
        </Radio>
        <Radio label="android">
            <Icon type="social-android"></Icon>
            <span>Android</span>
        </Radio>
        <Radio label="ios">
            <Icon type="social-apple"></Icon>
            <span>IOS</span>
        </Radio>
        <Radio label="wap" disabled>
            <Icon type="android-phone-portrait"></Icon>
            <span>WAP</span>
        </Radio>
    </Radio-group>
</template>

<script>
export default {
    name: 'client-type',
    props: ['value'],
    data() {
        return {
            clientType: this.value
        };
    },
    methods: {
        typeChange: function() {
            this.$emit('input', this.clientType);
        }
    }
};
</script>

<style lang="scss">

</style>