组件介绍
ux-radio 点选组件区别于原生的 radio,样式更自由,用于单个选择;
运行效果
组件属性
属性名称 | 类型 | 默认值 | 作用 |
---|
size | Number | 38 | 选择图标尺寸,单位 rpx |
defaultClass | Array | ['gui-color-gray'] | 按钮默认样式 |
checkedClass | Array | ['primary'] | 按钮选中样式 |
checked | Boolean | false | 默认选中状态 |
parameter | Array | [] | 组件附加数据 |
演示代码
<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>