| | |
|---|
| | | <template> |
|---|
| | | <div class="dropdownWrapper relative w-[372px] h-[40px] p-[20px] flex rounded-tl-[6px] rounded-tr-[6px] bg-[#2849CD] items-center"> |
|---|
| | | <img v-if="withIcon" class="mr-[14px] w-[15px] h-[12px]" src="../assets/images/list.png" alt="列表" /> |
|---|
| | | <div class="flex items-center text-[16px] hover:cursor-pointer" @click="toggleOptions"> |
|---|
| | | {{ selectedOption?.label ?? "暂无数据" }} |
|---|
| | | </div> |
|---|
| | | <div class="flex-1 flex items-center justify-end hover:cursor-pointer" @click="toggleOptions"> |
|---|
| | | <div v-if="withText" class="mr-[8px] ml-[8px] text-[14px]">切换</div> |
|---|
| | | <img class="w-[8px] h-[8px]" :class="{ 'rotate-180': isOptionVisible }" src="../assets/images/triangle-down.png" alt="下拉" /> |
|---|
| | | </div> |
|---|
| | | <!--下拉选项--> |
|---|
| | | <div |
|---|
