bx-2376-new_type #86
|
@ -102,11 +102,11 @@ const setCalcData = (id: number) => {
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="flex col-span-full gap-2 justify-center">
|
<div class="flex col-span-full gap-2 justify-center">
|
||||||
<template v-for="item in calculators">
|
<template v-for="item in calculators">
|
||||||
<div class="rounded p-2 cursor-pointer hover:bg-ioprim-300 border border-ioprim-300" :class="[{
|
<div class="flex items-center gap-2">
|
||||||
'bg-ioprim-200': openTab !== item.id,
|
<label class="rounded p-2 cursor-pointe peer-checked:bg-ioprim-100">
|
||||||
'bg-ioprim-400': openTab == item.id,
|
<input type="radio" :value="item.id" v-model="openTab">
|
||||||
}]" @click="setCalcData(item.id)">
|
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue