Element:改变原生 el-dropdown 的样式

时间:2025-01-19 16:32:08
<el-dropdown-menu slot="dropdown" :style="styleObject" v-if="length > 0" class="newDrop"> <template> <el-dropdown-item> <el-button type="text" icon="el-icon-delete" size="mini" style="color: red" @click="allRead" > 全部已读</el-button > </el-dropdown-item> </template> <template v-if="unReadInnerMsgList"> <el-dropdown-item v-for="(item, index) in unReadInnerMsgList" :key="index" > <router-link v-if=" == 1" to="/info/history" style="margin-left: 0" @click.native="updateNoticeState(, )" > <div> <svg-icon icon-class="fire-fight"></svg-icon> <span style="font-size: 12px"> {{ item.time }} </span> </div> <div style="font-size: 12px; padding-top: 0; margin-top: -10px"> {{ item.content }} </div> </router-link> </el-dropdown-item> </template> </el-dropdown-menu> <el-dropdown-menu class="newDrop" v-else> <el-dropdown-item> <div>暂无未读消息</div> </el-dropdown-item> </el-dropdown-menu>