el-drawer设置title的样式和背景等

本文主要是介绍el-drawer设置title的样式和背景等，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

el-drawer设置title的样式和背景等

1.原先的形式

2.采用插槽的形式

<div class = "container_drawer ">   <el-drawerref="drawer":before-close="handleBeforeClose":destroy-on-close="true":size="drawerWidth":visible.sync="dialogVisible":wrapperClosable="false"custom-class="demo-drawer"direction="rtl"><template slot="title"><div class="custom_title"><el-image:src="require('@/views/xxxx/image/drawer.png')"style="width: 50px; height: 50px"></el-image>{{ kpiName }}</div></template>
</el-drawer>
</div>.container_drawer .custom_title {font-size: 16px;color: #000000;font-weight: bold;display: flex;align-items: center;}

这篇关于el-drawer设置title的样式和背景等的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---