feat(layout): 添加搜索功能图标并调整布局

- 在用户面包屑导航中添加搜索图标
- 调整图标点击事件处理- 移除重复的搜索图标代码
- 优化布局结构和样式
This commit is contained in:
1638245306
2025-11-01 22:15:55 +08:00
parent 163e5eb2db
commit ff736aae93
2 changed files with 7 additions and 6 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<div style="display: inline-block"> <div style="display: inline-block">
<el-button size="default" type="success" @click="handleImport()"> <el-button type="success" @click="handleImport()">
<slot>导入</slot> <slot>导入</slot>
</el-button> </el-button>
<el-dialog :title="props.upload.title" v-model="uploadShow" width="400px" append-to-body> <el-dialog :title="props.upload.title" v-model="uploadShow" width="400px" append-to-body>

View File

@@ -1,5 +1,10 @@
<template> <template>
<div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }"> <div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }">
<div class="layout-navbars-breadcrumb-user-icon" @click="onSearchClick">
<el-icon :title="$t('message.user.title2')">
<ele-Search />
</el-icon>
</div>
<el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange"> <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange">
<div class="layout-navbars-breadcrumb-user-icon"> <div class="layout-navbars-breadcrumb-user-icon">
<i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i> <i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i>
@@ -28,11 +33,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</template> </template>
</el-dropdown> </el-dropdown>
<div class="layout-navbars-breadcrumb-user-icon" @click="onSearchClick">
<el-icon :title="$t('message.user.title2')">
<ele-Search />
</el-icon>
</div>
<div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick"> <div class="layout-navbars-breadcrumb-user-icon" @click="onLayoutSetingClick">
<i class="icon-skin iconfont" :title="$t('message.user.title3')"></i> <i class="icon-skin iconfont" :title="$t('message.user.title3')"></i>
</div> </div>