关于对ElementUI中el-card里的:body-style=“{ padding: ‘10px‘ }“以及el-card组件中的header和body的困惑点
关于对ElementUI中el-card里的:body-style="{ padding: '10px' }"以及el-card组件中的header和body的困惑点
·
关于对ElementUI中el-card里的:body-style="{ padding: ‘10px’ }"以及el-card组件中的header和body的困惑点
1.el-card中的:body-style="{ padding: ‘10px’ }
el-card中Card组件是包括header和body部分,header部分需要有显式具名 slot 分发,同时也是可选的,而body部分是一个匿名的slot
<div slot="header">
<h4>部门系统</h4>
</div>
提示:在项目开发时,其实用div单独包裹header时,如上面的图片箭头显示,会默认有一根线将header以及body上下分开,之前一直认为这根线是自己设置的,通过查阅资料以及ElementUI文档才发现是自动生成的
注意:上面的箭头指向的 :body-style="{ padding: ‘10px’ },其实就是对自动生成横线下的body进行边距设置,这个body代码里可能没有体现,其实除了div包裹的header,下面都是body的。
更多推荐
已为社区贡献2条内容
所有评论(0)