|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
<template>
|
|
|
|
|
<v-row :class="`radio-group ${theme}`">
|
|
|
|
|
<v-col v-for="(item, index) in items" :key="index" :xl="item[itemSize]" class="pt-0" @click="changeSelected($event, item || {})">
|
|
|
|
|
<div :class="{'active': isActive(item), [item.theme]: true, ['bubble']: true}">
|
|
|
|
|
<div :class="{'active': isActive(item), [item[itemTheme]]: true, ['theme-' + item[itemColor] ]: true, ['bubble']: true}">
|
|
|
|
|
<div class="body">
|
|
|
|
|
<div :class="`icon ${(item[itemIconClass]) ? item[itemIconClass] : ''}`">
|
|
|
|
|
<v-icon>WMi-{{ item[itemIcon] }}</v-icon>
|
|
|
|
@ -23,6 +23,8 @@
|
|
|
|
|
items: {default: () => ([])},
|
|
|
|
|
value: {default: null},
|
|
|
|
|
itemValue: {default: 'id'},
|
|
|
|
|
itemTheme: {default: 'theme'},
|
|
|
|
|
itemColor: {default: 'color'},
|
|
|
|
|
itemText: {default: 'title_fa'},
|
|
|
|
|
itemIcon: {default: 'icon'},
|
|
|
|
|
itemTextEn: {default: 'title_en'},
|
|
|
|
|