GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(components): 修复iconSelect选择器点击事件失效

Browse Source
This commit is contained in:
燕博文 2023-02-09 10:59:34 +08:00
parent de517be613
commit 7e505f9b96
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/custom/IconSelect.vue
View File

@ -11,14 +11,13 @@
<n-input v-model:value="searchValue" placeholder="搜索图标"></n-input> <n-input v-model:value="searchValue" placeholder="搜索图标"></n-input>
</template> </template>
<div v-if="iconsList.length > 0" class="grid grid-cols-9 h-auto overflow-auto"> <div v-if="iconsList.length > 0" class="grid grid-cols-9 h-auto overflow-auto">
<template v-for="iconItem in iconsList" :key="iconItem"> <span v-for="iconItem in iconsList" :key="iconItem" @click="handleChange(iconItem)">
<svg-icon <svg-icon
:icon="iconItem" :icon="iconItem"
class="border-1px border-[#d9d9d9] text-30px m-2px p-5px" class="border-1px border-[#d9d9d9] text-30px m-2px p-5px cursor-pointer"
:class="{ 'border-primary': modelValue === iconItem }" :class="{ 'border-primary': modelValue === iconItem }"
@click="handleChange(iconItem)"
/> />
</template> </span>
</div> </div>
<n-empty v-else class="w-306px" description="你什么也找不到" /> <n-empty v-else class="w-306px" description="你什么也找不到" />
</n-popover> </n-popover>