$submit-btn-height: 48px; .detail{ position: relative; // overflow: hidden; height: calc(100% - $submit-btn-height); &.view{ height: 100%; } } .form-content { padding: 10px; background-color: #fff; height: 100%; overflow-y: auto; border-radius: 6px; position: relative; box-sizing: border-box; } .uni-forms{ margin-bottom: 20px; } .form-item { display: flex; align-items: center; flex: 1; } .item-title{ text-align: right; min-width: max-content; } .item-title-width { display: block; min-width: max-content; } .uni-forms-item{ margin-bottom: 0; border-bottom: 1px dashed #CACCCF; } :deep(.uni-forms-item__label){ height: 44px; // line-height: 44px; font-weight: 500; font-size: 16px; color: #333333 !important; width: max-content !important; } :deep(.uni-select){ border: none; text-align: right; padding-right: 0; .uniui-bottom:before { content: "\e6b5" !important; font-size: 16px !important; } } :deep(.uni-stat-box){ background-color: transparent; } :deep(.uni-select--disabled){ color: inherit; background-color: transparent; // background-color: #fff; } :deep(.uni-date-editor--x__disabled){ opacity: 1; } :deep(.uni-date-x){ text-align: right; color: inherit; font-size: inherit; background-color: transparent; padding-right: 10px; .icon-calendar{ display: none; font-size: 0; } .uni-date__x-input{ // color: #999999; font-size: inherit; padding-right: 0; } } :deep(.uni-easyinput__content-input){ padding-right: 0; } :deep(.uni-easyinput__content-textarea){ min-height: inherit; margin: 10px; } :deep(.content-clear-icon){ padding: 0; font-size: 16px !important; } .add-btn{ height: 32px; line-height: 32px; margin-bottom: 20px; box-shadow: 0px 2px 4px 0px rgba(45,116,169,0.5); &.yellow{ background-color: #f5bb33; color: #fff; } } .device-section{ width: 100%; // min-height: 312px; background: #F2F4F8; margin-bottom: 10px; padding: 10px; box-sizing: border-box; } .item-module { width: 100%; // height: 16px; position: relative; font-weight: 600; font-size: 14px; color: #333333; // margin-bottom: 10px; .module-border { position: absolute; left: -10px; top: 12px; width: 0px; height: 12px; border: 1px solid #004098; } } .item-content { width: 100%; min-height: calc(38px); box-sizing: border-box; font-weight: 500; font-size: 14px; color: #333333; line-height: 20px; border-bottom: 1px dashed #CACCCF; &:last-child { border-bottom: none; } } .item-opera{ button{ height: 32px; line-height: 32px; font-size: 14px; margin: 10px 0 0 10px; } } .submit-btn { width: 100%; height: $submit-btn-height; position: fixed; bottom: 0; left: 0; border-radius: 0; margin-top: $submit-btn-height; } :deep(.files-button) { display: flex; align-items: center; justify-content: flex-end; uni-button { margin-right: unset; } } .mini-btn { padding: 0; width: 45px; height: 25px; font-size: 10px; }