wiki_enterprise_js/common/style/uni/form.scss

/* 表单 */
.uni-form-item {
  display: flex;
  width: 100%;
  padding: 10upx 0;
}

.uni-form-item .title {
  padding: 10upx 25upx;
}

.uni-label {
  width: 210upx;
  word-wrap: break-word;
  word-break: break-all;
  text-indent: 20upx;
}

.uni-input {
  height: 50upx;
  padding: 15upx 25upx;
  line-height: 50upx;
  font-size: 28upx;
  background: $white;
  flex: 1;
}

radio-group,
checkbox-group {
  width: 100%;
}

radio-group label,
checkbox-group label {
  padding-right: 20upx;
}

.uni-form-item .with-fun {
  display: flex;
  flex-wrap: nowrap;
  background: $white;
}

.uni-form-item .with-fun .uni-icon {
  width: 40px;
  height: 80upx;
  line-height: 80upx;
  flex-shrink: 0;
}

/* input group */
.uni-input-group {
  position: relative;
  padding: 0;
  border: 0;
  background-color: $white;
}

.uni-input-group:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2upx;
  content: '';
  transform: scaleY(0.5);
  background-color: $greyLight;
}

.uni-input-group:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2upx;
  content: '';
  transform: scaleY(0.5);
  background-color: $greyLight;
}

.uni-input-row {
  position: relative;
  display: flex;
  flex-direction: row;
  font-size: 28upx;
  padding: 22upx 30upx;
  justify-content: space-between;
}

.uni-input-group .uni-input-row:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 30upx;
  height: 2upx;
  content: '';
  transform: scaleY(0.5);
  background-color: $greyLight;
}

.uni-input-row label {
  line-height: 70upx;
}

/* textarea */
.uni-textarea {
  box-sizing: border-box;
  width: 100%;
  background: $white;
}

.uni-textarea textarea {
  width: 96%;
  padding: 18upx 2%;
  line-height: 1.6;
  font-size: 28upx;
  height: 150upx;
}