<template>
    <div class="ht-base-radio-group-demo">
        <ht-base-row>
            <ht-base-radio-group v-model="phone">
                <ht-base-radio label="apple">
                    <ht-base-icon type='LiRa_apple'></ht-base-icon>
                    <span>Apple</span>
                </ht-base-radio>
                <ht-base-radio label="android">
                    <ht-base-icon type='LiRa_android'></ht-base-icon>
                    <span>Android</span>
                </ht-base-radio>
                <ht-base-radio label="windows">
                    <ht-base-icon type='LiRa_windows'></ht-base-icon>
                    <span>Windows</span>
                </ht-base-radio>
            </ht-base-radio-group>
        </ht-base-row>
        <br>
        <ht-base-row>
            <ht-base-radio-group v-model="animal">
                <ht-base-radio label="金斑蝶" disabled></ht-base-radio>
                <ht-base-radio label="爪哇犀牛"></ht-base-radio>
                <ht-base-radio label="印度黑羚"></ht-base-radio>
            </ht-base-radio-group>
        </ht-base-row>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseRadioGroupDemo',
        data() {
            return {
                phone: 'apple',
                animal: '爪哇犀牛'
            }
        }
    }
</script>
<style>
    .ht-base-radio-group-demo {

    }
</style>

