Browse Source

20240325

java8
qiezi 10 months ago
parent
commit
14f084fb74
  1. 15
      src/views/main-sidebar.vue

15
src/views/main-sidebar.vue

@ -7,9 +7,9 @@
:collapse="sidebarFold"
:collapseTransition="false"
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>
</el-menu-item>
<el-menu-item index="home" @click="$router.push({ name: 'home' })">
@ -262,13 +262,20 @@ export default {
}
</script>
<style>
.menu .el-input__inner {
.menu-dark .el-input__inner {
background: transparent;
width: 195px;
font-size: 12px;
color: #FFFFFF;
border: #0BB2D4;
}
.menu-light .el-input__inner {
background: transparent;
width: 195px;
font-size: 12px;
color: #000;
border: #0BB2D4;
}
.custom-input .el-input__inner::placeholder {
font-size: 15px; /* 更改此处为您需要的字体大小 */
color: #999; /* 更改此处为您所需的颜色 */

Loading…
Cancel
Save