github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 08:12:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 修复搜索列表不显示图标的问题

Browse Source
This commit is contained in:
tnt group 2023-05-19 17:19:34 +08:00
parent 015d546618
commit 11cd933fa2
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/chart/ContentCharts/components/ChartsSearch/index.vue
View File

@ -37,7 +37,8 @@
:title="item.title" :title="item.title"
@click="selectChartHandle(item)" @click="selectChartHandle(item)"
> >
<chart-glob-image class="list-item-img" :chartConfig="item"></chart-glob-image> <Icon v-if="item.icon" class="list-img" :icon="item.icon" color="#999" width="20" />
<chart-glob-image v-else class="list-item-img" :chartConfig="item" />
<n-text class="list-item-fs" depth="2">{{ item.title }}</n-text> <n-text class="list-item-fs" depth="2">{{ item.title }}</n-text>
</div> </div>
</n-scrollbar> </n-scrollbar>
@ -78,6 +79,7 @@ import { isString, addEventListener, removeEventListener } from '@/utils'
import { fetchConfigComponent, fetchChartComponent } from '@/packages/index' import { fetchConfigComponent, fetchChartComponent } from '@/packages/index'
import { componentInstall, loadingStart, loadingFinish, loadingError } from '@/utils' import { componentInstall, loadingStart, loadingFinish, loadingError } from '@/utils'
import { ChartGlobImage } from '@/components/Pages/ChartGlobImage' import { ChartGlobImage } from '@/components/Pages/ChartGlobImage'
import { Icon } from '@iconify/vue'
const props = defineProps({ const props = defineProps({
menuOptions: { menuOptions: {
@ -228,10 +230,16 @@ $searchWidth: 176px;
font-size: 12px; font-size: 12px;
} }
&-img { &-img {
height: 28px; height: 20px;
max-width: 30px;
margin-right: 5px; margin-right: 5px;
border-radius: 5px; border-radius: 5px;
} }
& > svg {
min-width: 20px;
min-height: 20px;
margin-right: 5px;
}
&:hover { &:hover {
&::before { &::before {
content: ''; content: '';