syschan
/
pms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复菜单select展示的bug

This commit is contained in:
piexlMax 2024-01-30 22:43:22 +08:00
parent 17cab8fcb7
commit 0c76995f6d
1 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/view/superAdmin/menu/icon.vue
View File

@ -1,21 +1,16 @@
<template> <template>
<div> <div>
<span <el-select
class="gva-icon" v-model="metaData.icon"
style="position: absolute; z-index: 9999; padding: 3px 10px 0; " clearable
filterable
placeholder="请选择"
> >
<template #prefix>
<el-icon> <el-icon>
<component :is="metaData.icon" /> <component :is="metaData.icon" />
</el-icon> </el-icon>
</span> </template>
<el-select
v-model="metaData.icon"
style="width:100%"
clearable
filterable
class="gva-select"
placeholder="请选择"
>
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.key" :key="item.key"
@ -40,7 +35,7 @@
<script setup> <script setup>
import { ref, reactive } from 'vue' import { ref, reactive } from 'vue'
import config from "@/core/config"; import config from '@/core/config'
defineOptions({ defineOptions({
name: 'Icon', name: 'Icon',
@ -1192,10 +1187,6 @@ if (!metaData.value.icon) {
margin-right: 10px; margin-right: 10px;
} }
.gva-select .el-input__inner {
padding: 0 30px !important
}
.select__option_item { .select__option_item {
display: flex; display: flex;
align-items: center; align-items: center;