elementui 給 dialog頭部和底部添加樣式

如下是dialog做出來的效果：

但我希望頭部和底部都有border樣式，區分開來，查看源代碼之后我在style里面這樣寫了：

<style lang="scss" scoped>
.el-dialog__header{
  border-bottom: 1px solid #e8eaec;
}
.el-dialog__footer {
  border-top: 1px solid #e8eaec;
}
</style>

但是不生效，查了很多資料，發現是scope的禍，scope表示只在當前組件生效，但是dialog是在另一個組件，這樣就肯定不會生效，當然解決方案就是去掉scope了。

.el-dialog__header{
  border-bottom: 1px solid #e8eaec;
}
.el-dialog__footer {
  border-top: 1px solid #e8eaec;
}
</style>

這樣就完美了。

如下：