关于对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的。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐