element ui 爬坑之旅

1. 表单


(1)

    element ui 爬坑之旅

上图 标记1model里面的值, 必须和标记2里面的值一致,否则会报错。



(2) 在ie里面,el-date-picker默认值设置时只支持时间格式为     2018-3-12 15:41:20   , 不支持类似于

2018/3/12 15:41:20   ;


(3)

element ui 爬坑之旅

element ui 爬坑之旅

element ui 爬坑之旅

2. 表格

(1)

/*选中状态的颜色*/
.useIndexTable .el-table__body-wrapper tr.current-row{

  background-color: #DAF0FE !important;

}
/*滑过行的颜色*/
.useIndexTable .el-table__body-wrapper tr:hover td{
  background-color: #D8F7E7 !important;

}


element ui 爬坑之旅


(2)表头固定,并且高度自适应。

useIndexTable为自己定义的类

/*表格整体位置,以及固定表头*/
.useIndexTable .bottomTab{
  position: absolute;
  bottom: 60px;
  right: 0;
  width: 100%;
  overflow-y: auto;
  top:180px;
}
.useIndexTable .el-table {
  height: 100%;
}
/*calccss3里面的东东*/
.useIndexTable .el-table__body-wrapper {
  height: calc(100% - 46px);
  overflow-x: hidden;
}


element ui 爬坑之旅


3.文件上传

     el-upload对于文件直接上传到ftp上面, 进度条会出现错误。各种bug。