businessGoodsEdit.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. .wrapper {
  2. width: 100%;
  3. padding-top: 30rpx;
  4. padding-bottom: 276rpx;
  5. }
  6. .width-690 {
  7. width: 690rpx;
  8. margin: 0 auto;
  9. }
  10. form {
  11. display: block;
  12. width: 100%;
  13. }
  14. label {
  15. display: flex;
  16. align-items: center;
  17. text {
  18. line-height: 42rpx;
  19. font-size: 28rpx;
  20. color: rgba(51, 51, 51, 1);
  21. &:nth-of-type(2) {
  22. margin-left: 10rpx;
  23. color: rgba(153, 153, 153, 1);
  24. }
  25. }
  26. }
  27. .van-uploader__wrapper {
  28. .van-uploader__preview {
  29. &:nth-of-type(4n) {
  30. margin: 0;
  31. }
  32. }
  33. }
  34. .photo {
  35. .value {
  36. display: flex;
  37. flex-flow: row wrap;
  38. padding: 40rpx 0 24rpx;
  39. }
  40. }
  41. .tip {
  42. width: 100%;
  43. padding-bottom: 20rpx;
  44. line-height: 42rpx;
  45. font-size: 24rpx;
  46. color: rgba(153, 153, 153, 1);
  47. }
  48. .box {
  49. display: flex;
  50. justify-content: space-between;
  51. align-items: center;
  52. height: 74rpx;
  53. .value {
  54. display: flex;
  55. justify-content: flex-end;
  56. align-items: center;
  57. width: calc(100% - 150rpx);
  58. text-align: right;
  59. color: rgba(107, 133, 89, 1);
  60. & > view {
  61. line-height: 42rpx;
  62. font-size: 28rpx;
  63. &.placeholder {
  64. color: rgba(153, 153, 153, 1);
  65. }
  66. }
  67. }
  68. input {
  69. width: 100%;
  70. height: 44rpx;
  71. padding-right: 9rpx;
  72. font-size: 28rpx;
  73. color: inherit;
  74. }
  75. .arrow {
  76. margin-left: 6rpx;
  77. width: 9rpx;
  78. height: 15rpx;
  79. }
  80. }
  81. .placeholder {
  82. color: rgba(153, 153, 153, 1);
  83. }
  84. .describe {
  85. position: relative;
  86. left: 0;
  87. top: 0;
  88. textarea {
  89. display: block;
  90. width: 100%;
  91. padding: 17rpx 21rpx;
  92. min-height: 186rpx;
  93. border-radius: 20rpx;
  94. background: rgba(245, 245, 245, 1);
  95. line-height: 38rpx;
  96. font-size: 28rpx;
  97. color: rgba(51, 51, 51, 1);
  98. }
  99. }
  100. .words-limit {
  101. position: absolute;
  102. bottom: 17rpx;
  103. right: 21rpx;
  104. z-index: 1;
  105. line-height: 28rpx;
  106. font-size: 24rpx;
  107. color: rgba(153, 153, 153, 1);
  108. }
  109. button.btn-submit {
  110. width: 627rpx;
  111. height: 80rpx;
  112. margin: 40rpx auto 0;
  113. border-radius: 40rpx;
  114. font-size: 36rpx;
  115. font-weight: 500;
  116. color: rgba(255, 255, 255, 1);
  117. &.edit {
  118. background-color: rgba(46, 129, 255, 1);
  119. }
  120. &.send {
  121. background-color: rgba(145, 179, 121, 1);
  122. }
  123. }