fix: element-plus版本升级问题调整

Former-commit-id: 74a0b83abe42f3ace71c23b5091a5dc7cf487213
This commit is contained in:
郝先瑞
2022-04-19 01:04:31 +08:00
parent 02b64fa351
commit 20cfce9532
9 changed files with 75 additions and 76 deletions

View File

@@ -1,10 +1,10 @@
<template>
<div class="icon-body">
<el-input v-model="iconName" style="position: relative;" clearable placeholder="请输入图标名称" @clear="filterIcons"
<div class="icon-select">
<el-input v-model="iconName" clearable placeholder="请输入图标名称" @clear="filterIcons"
@input="filterIcons">
<template #suffix><i class="el-icon-search el-input__icon" /></template>
</el-input>
<div class="icon-list">
<div class="icon-select__list">
<div v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item)">
<svg-icon color="#999" :icon-class="item" style="height: 30px;width: 16px;margin-right: 5px" />
<span>{{ item }}</span>
@@ -18,9 +18,9 @@ import { ref } from "vue";
import SvgIcon from '@/components/SvgIcon/index.vue';
const icons = [] as string[]
const modules = import.meta.glob('../../assets/icons/svg/*.svg');
const modules = import.meta.glob('../../assets/icons/*.svg');
for (const path in modules) {
const p = path.split('assets/icons/svg/')[1].split('.svg')[0];
const p = path.split('assets/icons/')[1].split('.svg')[0];
icons.push(p);
}
const iconList = ref(icons);
@@ -52,11 +52,11 @@ defineExpose({
</script>
<style lang='scss' scoped>
.icon-body {
.icon-select {
width: 100%;
padding: 10px;
.icon-list {
&__list {
height: 200px;
overflow-y: scroll;

View File

@@ -14,7 +14,7 @@ const props=defineProps({
},
iconClass: {
type: String,
required: true,
required: false
},
color: {
type: String,