input-select

wujingjing

2025-01-03 0f13cb82cd3b5fc20ed79321b8fea870db1868f8

 src/components/chat/chatComponents/multiChat/Select.vue

@@ -1,13 +1,13 @@
<template>
   <div class="flex flex-col gap-1">
      <span class="text-gray-600 font-normal">{{ `${order} ${item?.data?.title}` }}</span>

      <div v-if="item?.data?.options?.length > 0" class="flex-items-center gap-5">
         <span
            @click="select(subItem)"
            v-for="subItem in item?.data?.options"
            @click="select(subItem)" 
            v-for="(subItem,index) in item?.data?.options"
            :key="index"
            class="flex w-fit items-center cursor-pointer border-solid border px-3 border-gray-300 hover:text-blue-400 rounded-lg"
            :class="{ 'cursor-not-allowed': disabled,  }"
            :class="{ 'cursor-not-allowed': disabled, 'bg-blue-400': subItem === activeOption, 'text-white': subItem === activeOption }"
            >{{ subItem }}</span
         >
      </div>