|
|
@ -1,7 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<v-row class="radio-group">
|
|
|
|
<v-row class="radio-group">
|
|
|
|
<v-col v-for="(item, index) in items" :key="index" :xl="item.size" class="pt-0" @click="changeSelected($event, item || {})">
|
|
|
|
<v-col v-for="(item, index) in items" :key="index" :xl="item.size" class="pt-0" @click="changeSelected($event, item || {})">
|
|
|
|
<div :class="{'active':item.id == currentSelect, [item.theme]: true, ['bubble']: true}">
|
|
|
|
<div :class="{'active':value ? value == item.id : item.id == currentSelect, [item.theme]: true, ['bubble']: true}">
|
|
|
|
<div class="body">
|
|
|
|
<div class="body">
|
|
|
|
<div class="icon">
|
|
|
|
<div class="icon">
|
|
|
|
<v-icon>WMi-{{ item.icon }}</v-icon>
|
|
|
|
<v-icon>WMi-{{ item.icon }}</v-icon>
|
|
|
@ -24,6 +24,7 @@
|
|
|
|
props: {
|
|
|
|
props: {
|
|
|
|
items: {},
|
|
|
|
items: {},
|
|
|
|
initialSelect: {default: 1},
|
|
|
|
initialSelect: {default: 1},
|
|
|
|
|
|
|
|
value: {default: null},
|
|
|
|
name: {default: 'default_name'},
|
|
|
|
name: {default: 'default_name'},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
@ -35,6 +36,7 @@
|
|
|
|
changeSelected($event, item) {
|
|
|
|
changeSelected($event, item) {
|
|
|
|
this.currentSelect = item.id;
|
|
|
|
this.currentSelect = item.id;
|
|
|
|
this.$emit('changeState', {'name':this.name,'value':item.value})
|
|
|
|
this.$emit('changeState', {'name':this.name,'value':item.value})
|
|
|
|
|
|
|
|
this.$emit('input', item.id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|