点选组件

组件介绍

ux-radio 点选组件区别于原生的 radio,样式更自由,用于单个选择;

运行效果

组件属性

属性名称类型默认值作用
sizeNumber38选择图标尺寸,单位 rpx
defaultClassArray['gui-color-gray']按钮默认样式
checkedClassArray['primary']按钮选中样式
checkedBooleanfalse默认选中状态
parameterArray[]组件附加数据

演示代码

<template>
	<scroll-view class="ux-body ux-page-color ux-flex1">
		<text class="ux-h6 ux-color-grey ux-mt">点选组件演示</text>
		<view class="ux-mt ux-bg-white ux-padding">
			<ux-radio 
			@change="change" 
			:parameter="['a', 1]">
				<view class="ux-flex ux-row">
					<text 
					class="ux-text gui-primary-text">我同意并遵守</text>
					<text 
					class="ux-text ux-color-blue">《注册协议》</text>
				</view>
			</ux-radio>
		</view>
	</scroll-view>
</template>
<script>
export default {
	data() {
		return {
			
		}
	},
	methods: {
		change : function(data : any[]){
			console.log(data[0] as boolean);
			console.log(data[1]);
		}
	}
}
</script>
<style>
</style>