ELEMENT UI 实战细节

修改checkbox 圆角

/* checkbox 圆角*/
.goods-item ::v-deep .el-table .el-table__body-wrapper .el-table__body .el-checkbox__inner{
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px

}
.goods-item ::v-deep .el-table .el-table__body-wrapper .el-table__body .el-checkbox__inner::after{
  width: 5px;
  height: 10px;
  left: 6px;
}

修改对话框的垂直居中效果

<style lang="scss" scoped>
._dialog ::v-deep .el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._dialog ::v-deep .el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}
</style>