usky-web-mobile/src/static/scss/public.scss

/*
 * @日期选择器样式 开始
 */
.el-calendar-table,
tr,
td,
th {
  border: 0px !important;
}

.el-calendar__body {
  padding: 0 !important;
}

.el-calendar-table .el-calendar-day {
  padding: 15px !important;
  text-align: center;
  height: auto !important;
}

.el-calendar-table thead>th {
  text-align: center;
}

#calendar .filter {
  width: 5px;
  height: 5px;
  border: 1px #1989fa solid;
  border-radius: 100%;
  text-align: center;
  margin: auto;
  margin-top: 5px;
  background-color: #1989fa;
}

/*
 * @日期选择器样式 结束
 */


/*
 * @抽屉样式 开始
 */
.el-drawer__header {
  margin-bottom: 0px !important;
}

/*
 * @抽屉样式 结束
 */

/*
 * @图片上传样式 开始
 */
.el-upload-list {
  display: flex !important;
}

.el-upload-list li,
.el-upload-list .el-upload {
  width: calc(33% - 10px) !important;
  height: 110px !important;
  margin: 0 15px 15px 0 !important;
}

.el-upload-list li:nth-child(3n),
.el-upload-list .el-upload:nth-child(3n) {
  margin: 0 !important;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

/*
 * @图片上传样式 结束
 */

/*
 * @消息弹出框样式 开始
 */
.el-message-box {
  margin-top: 70%;
}

/*
 * @消息弹出框样式 结束
 */

/*
 * @uni-textarea 文本域样式 开始
 */

uni-textarea {
  border: 0px solid #ededed;
  padding: 0;
}

/*
 * @uni-textarea 文本域样式 结束
 */

/*
 * @全局input样式 开始
 */
uni-input {
  background-color: transparent;
}

/*
 * @全局input样式 结束
 */

//折叠面板样式 开始
.u-cell__body {
  padding: 10px 10px !important;
}

//折叠面板样式 结束

//步骤条样式 开始
.u-steps {
  .u-steps-item {
    .u-text {
      justify-content: center !important;
    }
  }
}

//步骤条样式 结束

//自写table表格样式-普通
.tableType1 {
  .u-row:nth-child(1) {
    >.u-col {
      background-color: #f7f7f7;
    }
  }

  .u-row {
    align-items: initial !important;
    line-height: 28px;
    border: 1px #e5e5e5 solid;
    border-bottom: 0px;

    >.u-col {
      border-right: 1px #e5e5e5 solid;
    }

    >.u-col:last-child {
      border-right: 0px #e5e5e5 solid;
    }
  }

  .u-row:last-child {
    .u-col {
      border-bottom: 1px #e5e5e5 solid;
    }
  }
}

//自写table表格样式-横向
.tableType2 {
  .u-row {
    align-items: initial !important;
    line-height: 28px;
    border: 1px #e5e5e5 solid;
    border-bottom: 0px;
    background-color: #f7f7f7;

    >.u-col {
      border-right: 1px #e5e5e5 solid;
    }

    >.u-col:nth-child(even) {
      background-color: #ffffff;
    }

    >.u-col:last-child {
      border-right: 0px;
    }
  }

  .u-row:last-child {
    border-bottom: 1px #e5e5e5 solid;
  }
}

//ios底部安全距离
.ios-padding-bottom {
  /*兼容 IOS<11.2*/
  padding-bottom: constant(safe-area-inset-bottom) !important;
  /*兼容 IOS>11.2*/
  padding-bottom: env(safe-area-inset-bottom) !important;
}

//公共按钮绝对定位
.app-position-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0px;
  //#ifdef APP-PLUS
  bottom: 5px;
  //#endif
  padding: 0px 15px 0px 15px;

  .app-buttom {
    width: 100%;
    height: 40px;
    font-size: 14px;
    margin-bottom: 15px
  }
}