| | |
| | | <view |
| | | class="u-radio-group" |
| | | :class="bemClass" |
| | | :style="radioGroupStyle" |
| | | > |
| | | <slot></slot> |
| | | </view> |
| | |
| | | import { props } from './props'; |
| | | import { mpMixin } from '../../libs/mixin/mpMixin'; |
| | | import { mixin } from '../../libs/mixin/mixin'; |
| | | import { addUnit, addStyle, deepMerge } from '../../libs/function/index'; |
| | | |
| | | /** |
| | | * radioRroup 单选框父组件 |
| | |
| | | * @property {String | Number} iconSize 图标的大小,单位px (默认 12 ) |
| | | * @property {Boolean} borderBottom placement为row时,是否显示下边框 (默认 false ) |
| | | * @property {String} iconPlacement 图标与文字的对齐方式 (默认 'left' ) |
| | | * @property {Object} customStyle 组件的样式,对象形式 |
| | | * @property {Object} gap item 之间的间距 |
| | | * @property {Object} customStyle 组件的样式,对象形式 |
| | | * @event {Function} change 任一个radio状态发生变化时触发 |
| | | * @example <u-radio-group v-model="value"></u-radio-group> |
| | | */ |
| | |
| | | // this.bem为一个computed变量,在mixin中 |
| | | return this.bem('radio-group', ['placement']) |
| | | }, |
| | | radioGroupStyle() { |
| | | const style = { |
| | | gap: addUnit(this.gap) |
| | | }; |
| | | return deepMerge(style, addStyle(this.customStyle)); |
| | | } |
| | | }, |
| | | watch: { |
| | | // 当父组件需要子组件需要共享的参数发生了变化,手动通知子组件 |