form.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /deep/ .u-line {
  2. border-bottom: 2rpx solid #F3F4F6!important;
  3. }
  4. /deep/ .u-text__value {
  5. color: #909399;
  6. }
  7. /deep/ .u-steps-item__line {
  8. background-color: transparent !important;
  9. border-bottom: 2rpx dotted #3C9CFF;
  10. }
  11. // /deep/ .u-upload__wrap {
  12. // justify-content: flex-end;
  13. // }
  14. /deep/ .u-upload__button {
  15. margin: 0;
  16. }
  17. /deep/ .u-form-item {
  18. background-color: #fff !important;
  19. padding: 0 24rpx 0 36rpx;
  20. }
  21. /deep/ .u-form-item__body__left {
  22. align-items: flex-start;
  23. }
  24. /deep/ .u-form-item__body__right {
  25. overflow: hidden;
  26. }
  27. /deep/ .u-form-item__body__right__content {
  28. overflow: hidden;
  29. }
  30. /deep/ .u-form-item__body__right__message {
  31. text-align: right;
  32. }
  33. /deep/ .u-form-item__body__right__content__slot {
  34. justify-content: flex-end;
  35. overflow: hidden;
  36. }
  37. /deep/ .u-textarea--disabled {
  38. background-color: transparent;
  39. }
  40. /deep/ .u-textarea {
  41. padding: 0;
  42. margin-top: 0;
  43. }
  44. // radio在form表单中 右对齐
  45. /deep/ .u-radio-group--row {
  46. justify-content: flex-end;
  47. }
  48. /deep/ .u-radio__icon-wrap {
  49. width: 32rpx !important;
  50. height: 32rpx !important;
  51. }
  52. .form-select-content {
  53. padding: 0 24rpx 20rpx 36rpx;
  54. border-bottom: 1px solid #F3F4F6;
  55. background-color: #fff;
  56. font-weight: 400;
  57. font-size: 30rpx;
  58. color: rgb(96, 98, 102);
  59. line-height: 44rpx;
  60. white-space: pre-wrap;
  61. }
  62. // 在form表单中自定义的文字内容
  63. .form-item-body-right-content {
  64. color: #606266;
  65. font-weight: 400;
  66. font-size: 30rpx;
  67. line-height: 44rpx;
  68. text-align: right;
  69. padding-right: 0;
  70. display: flex;
  71. overflow: hidden;
  72. .placeholder {
  73. color: #B1B4BA;
  74. }
  75. /deep/ .u-button {
  76. width: auto;
  77. }
  78. /deep/ .u-button--small {
  79. height: 52rpx;
  80. }
  81. }