<el-menu
mode="horizontal"
class="user-info"
text-color="#888888"
active-text-color="#888888"
:router="true"
default-active="1"
>
<el-submenu index="1" popper-class="menu" style="height:50px; float: right;">
<template slot="title" style="line-height: 50px;height: 50px;">
您好，{{userRealname}}醫(yī)生
</template>
<el-menu-item index="1-1" route="/change_pwd">
修改密碼</el-menu-item>
<el-menu-item index="1-2" @click="logout">退出</el-menu-item>
</el-submenu>
</el-menu>想為這個下拉設(shè)置背景色，官方文檔提供了一個popper-class類，但是設(shè)置上好像沒什么用，想知道怎么改
1 回答
PIPIONE
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超9個贊
這個下拉框?qū)嶋H渲染之后是這樣的，可以看到通過 popper-class="amenu"已經(jīng)添加在了外層div上所以控制下拉框得時候只需要寫成 .amenu li{}即可
<div class="el-menu--horizontal amenu" x-placement="bottom-start"> <ul role="menu" class="el-menu el-menu--popup el-menu--popup-bottom-start"> <li data-v-2a5103e1="" role="menuitem" tabindex="-1" class="el-menu-item"> 修改密碼 </li> <li data-v-2a5103e1="" role="menuitem" tabindex="-1" class="el-menu-item" > 退出 </li> </ul></div>
- 1 回答
- 0 關(guān)注
- 968 瀏覽
添加回答
舉報
0/150
提交
取消