Checkicon 单选按钮

优质

小牛编辑

142浏览

2023-12-01

import { Checkicon } from 'feui';
components: {
  [Checkicon.name]: Checkicon
}
data () {
  return {
    demo1: false,
    demo2: true,
    demo3: false,
    demo4: true
  }
}

代码演示

左对齐

<fe-group title="左对齐">
  <fe-checkicon :value.sync="demo1">
    你是否同意? ({{ demo1 }})
  </fe-checkicon>
  <fe-checkicon :value.sync="demo2" type="plain">
    同意《注册协议》({{ demo2 }})
  </fe-checkicon>
</fe-group>

右对齐

<fe-group title="右对齐">
  <fe-checkicon :value.sync="demo4" right >
    你是否同意? ({{ demo4 }})
  </fe-checkicon>
  <fe-checkicon :value.sync="demo3" right type="plain">
    同意《注册协议》({{demo3}})
  </fe-checkicon>
</fe-group>

API

参数	说明	类型	默认值	可选值
value	是否被选中，使用 :value.sync 双向绑定	`Boolean`	`false`	`true`,`false`
type	check icon 选中样式	`String`	-	`plain`
right	icon是否在右边	`Boolean`	`false`	`true`,`false`
-	-	-	-	-