|
|
@ -7,9 +7,9 @@ |
|
|
:collapse="sidebarFold" |
|
|
:collapse="sidebarFold" |
|
|
:collapseTransition="false" |
|
|
:collapseTransition="false" |
|
|
class="site-sidebar__menu"> |
|
|
class="site-sidebar__menu"> |
|
|
<el-menu-item style=" padding-left: -5px;" class="menu"> |
|
|
|
|
|
<span slot="title"> <el-input v-model="search" placeholder="搜索" class="custom-input" |
|
|
|
|
|
@keyup.enter.native="searchMenu1" style="margin-left: -2px"></el-input></span> |
|
|
|
|
|
|
|
|
<el-menu-item style=" padding-left: -5px;" :class="$store.state.common.sidebarLayoutSkin === 'light'?'menu-light':'menu-dark'"> |
|
|
|
|
|
<span slot="title"> |
|
|
|
|
|
<el-input v-model="search" placeholder="搜索" class="custom-input" @keyup.enter.native="searchMenu1" style="margin-left: -2px"></el-input></span> |
|
|
<i type="primary" class="el-icon-search" style="font-size: small" @click="searchMenu1()"></i> |
|
|
<i type="primary" class="el-icon-search" style="font-size: small" @click="searchMenu1()"></i> |
|
|
</el-menu-item> |
|
|
</el-menu-item> |
|
|
<el-menu-item index="home" @click="$router.push({ name: 'home' })"> |
|
|
<el-menu-item index="home" @click="$router.push({ name: 'home' })"> |
|
|
@ -262,13 +262,20 @@ export default { |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style> |
|
|
<style> |
|
|
.menu .el-input__inner { |
|
|
|
|
|
|
|
|
.menu-dark .el-input__inner { |
|
|
background: transparent; |
|
|
background: transparent; |
|
|
width: 195px; |
|
|
width: 195px; |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
color: #FFFFFF; |
|
|
color: #FFFFFF; |
|
|
border: #0BB2D4; |
|
|
border: #0BB2D4; |
|
|
} |
|
|
} |
|
|
|
|
|
.menu-light .el-input__inner { |
|
|
|
|
|
background: transparent; |
|
|
|
|
|
width: 195px; |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
color: #000; |
|
|
|
|
|
border: #0BB2D4; |
|
|
|
|
|
} |
|
|
.custom-input .el-input__inner::placeholder { |
|
|
.custom-input .el-input__inner::placeholder { |
|
|
font-size: 15px; /* 更改此处为您需要的字体大小 */ |
|
|
font-size: 15px; /* 更改此处为您需要的字体大小 */ |
|
|
color: #999; /* 更改此处为您所需的颜色 */ |
|
|
color: #999; /* 更改此处为您所需的颜色 */ |
|
|
|
