fix: svg点击失效

This commit is contained in:
dataeaseShu 2024-09-18 17:30:05 +08:00
parent 32b801e010
commit 45e58bb1a6
6 changed files with 13 additions and 13 deletions

View File

@ -143,7 +143,7 @@ onMounted(() => {
class="ai-icon copilot-icon"
v-if="!showOverlayCopilot && appearanceStore.getShowCopilot"
>
<Icon name="copilot" @click="handleCopilotClick"><copilot class="svg-icon" /></Icon>
<Icon name="copilot"><copilot @click="handleCopilotClick" class="svg-icon" /></Icon>
</el-icon>
<CopilotCom
@confirm="copilotConfirm"
@ -156,15 +156,15 @@ onMounted(() => {
class="ai-icon"
v-if="aiBaseUrl && !showOverlay && appearanceStore.getShowAi"
>
<Icon name="dv-ai" @click="handleAiClick"><dvAi class="svg-icon" /></Icon>
<Icon name="dv-ai"><dvAi @click="handleAiClick" class="svg-icon" /></Icon>
</el-icon>
<el-tooltip effect="dark" content="数据导出中心" placement="bottom">
<el-icon
class="preview-download_icon"
:class="navigateBg === 'light' && 'is-light-setting'"
>
<Icon name="dv-preview-download" @click="downloadClick"
><dvPreviewDownload class="svg-icon"
<Icon name="dv-preview-download"
><dvPreviewDownload @click="downloadClick" class="svg-icon"
/></Icon>
</el-icon>
</el-tooltip>

View File

@ -25,7 +25,7 @@ const navigate = computed(() => appearanceStore.getNavigate)
:class="{ 'header-light': navigateBg && navigateBg === 'light' }"
>
<img class="logo" v-if="navigate" :src="navigate" alt="" />
<Icon class="de-logo" v-else className="logo" name="logo"><logo class="svg-icon logo" /></Icon>
<Icon class="de-logo" v-else className="logo" name="logo"><logo class="svg-icon logo de-logo" /></Icon>
<el-divider direction="vertical" />
<span class="system">{{ props.title || '系统设置' }}</span>
<div class="operate-setting">

View File

@ -257,8 +257,8 @@ onMounted(() => {
<span>{{ t('chart.delete') }}</span>
</template>
<el-icon class="child remove-icon">
<Icon @click="removeItem"
><icon_deleteTrash_outlined class="svg-icon inner-class"
<Icon
><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
/></Icon>
</el-icon>
</el-tooltip>

View File

@ -105,8 +105,8 @@ onMounted(() => {
</span>
<span class="item-span-style" :title="item.name">{{ item.name }}</span>
<el-icon class="child remove-icon" size="14px">
<Icon name="icon_delete-trash_outlined" class-name="inner-class" @click="removeItem"
><icon_deleteTrash_outlined class="svg-icon inner-class"
<Icon name="icon_delete-trash_outlined" class-name="inner-class"
><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
/></Icon>
</el-icon>
<el-icon

View File

@ -114,8 +114,8 @@ onMounted(() => {
</span>
<span class="item-span-style" :title="item.name">{{ item.name }}</span>
<el-icon class="child remove-icon" size="14px">
<Icon name="icon_delete-trash_outlined" class-name="inner-class" @click="removeItem"
><icon_deleteTrash_outlined class="svg-icon inner-class"
<Icon name="icon_delete-trash_outlined" class-name="inner-class"
><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
/></Icon>
</el-icon>
<el-icon

View File

@ -354,8 +354,8 @@ onMounted(() => {
<span>{{ t('chart.delete') }}</span>
</template>
<el-icon class="child remove-icon">
<Icon class-name="inner-class" name="icon_delete-trash_outlined" @click="removeItem"
><icon_deleteTrash_outlined class="svg-icon inner-class"
<Icon class-name="inner-class" name="icon_delete-trash_outlined"
><icon_deleteTrash_outlined @click="removeItem" class="svg-icon inner-class"
/></Icon>
</el-icon>
</el-tooltip>