更新记录

1.0.2（2023-06-13）

代码优化。

1.0.1（2023-06-05）

• 这是一个全端通用的单选框组件，采用友好动画方式是对选中效果的整体优化，使用简单节省效率必备，插件含全部源码及详细注释，方便您更个性的自由发挥。

平台兼容性

kevy-radio（单选框）

介绍

这是一个全端通用的单选框组件，采用友好动画方式是对选中效果的整体优化，使用简单节省效率必备，插件含全部源码及详细注释，方便您更个性的自由发挥。 祝您使用愉快，本插件会长期维护更新，开源不易，如果本插件对您有帮助的话请及时点个好评吧或者赞赏一下，总之谢谢您的鼓励啦。

方法和属性

使用方式

插件详情页点击导入hbuilder即可。插件符合uni_modules和easycom规范，导入后可直接在页面通过标签引用。

代码使用示例

<template>
    <view>
        <view class="t-demo">
            <view class="t-demo-title">示例1：有边框+无默认选中</view>
            <kevy-radio :items="items" :fontSize="36" color="#272727" :iconSize="36" iconColor="#4fc08d" :bordered="true" @click="myClick"></kevy-radio>
        </view>
        <view class="t-demo">
            <view class="t-demo-title">示例2：无边框+默认选中</view>
            <kevy-radio :items="items" :fontSize="36" color="#272727" :iconSize="36" iconColor="#4fc08d" :bordered="false" @click="myClick" :checkIndex="1"></kevy-radio>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                items:["选项选项选项选项选项选项选项选项选项选项1","选项2","选项3","选项4"]
            }
        },
        methods: {
            //点击事件
            myClick(idx){
                console.log("点击的下标为："+idx);
            }
        }
    }
</script>

<style>
    .t-demo{
        width: 100%;
        box-sizing: border-box;
        padding: 30rpx;
    }
    .t-demo-title{
        width: 100%;
        box-sizing: border-box;
        height: 80rpx;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-size: 36rpx;
        font-weight: bold;
    }
</style>