writeReturnLogistics.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /* pages/writeReturnLogistics/writeReturnLogistics.wxss */
  2. /* 清除浮动 */
  3. .clearfix:after {
  4. content: ".";
  5. display: block;
  6. height: 0;
  7. clear: both;
  8. visibility: hidden;
  9. }
  10. image {
  11. width: 100%;
  12. height: 100%;
  13. }
  14. .page {
  15. position: fixed;
  16. width: 100%;
  17. height: 100%;
  18. background: #F6F6F6;
  19. overflow: auto;
  20. padding: 20rpx 24rpx;
  21. box-sizing: border-box;
  22. }
  23. .page .box{
  24. background: #FFFFFF;
  25. border-radius: 16rpx 16rpx 16rpx 16rpx;
  26. }
  27. /* 选择物流公司picker */
  28. .picker-box {
  29. display: block;
  30. }
  31. .select-show {
  32. text-align: left;
  33. padding: 25rpx 0;
  34. margin: 0 20rpx;
  35. box-sizing: border-box;
  36. }
  37. .select-text {
  38. font-size: 30rpx;
  39. float: left;
  40. }
  41. .select-results {
  42. font-size: 28rpx;
  43. color: #888;
  44. float: right;
  45. vertical-align: middle;
  46. }
  47. .select-box {
  48. position: relative;
  49. }
  50. .select-reason {
  51. padding-right: 30rpx;
  52. }
  53. .right-arrow {
  54. display: block;
  55. position: absolute;
  56. right: 0;
  57. top:33rpx;
  58. width: 22rpx;
  59. height: 22rpx;
  60. }
  61. .right-arrow > image {
  62. display: block;
  63. }
  64. /* 填写退货信息 */
  65. .write-msg {
  66. margin-bottom: 20rpx;
  67. }
  68. .item-num {
  69. padding: 10px 20rpx;
  70. font-size: 30rpx;
  71. display: flex;
  72. }
  73. .item-num-tit {
  74. display: inline-block;
  75. vertical-align: middle;
  76. margin-right: 40rpx;
  77. }
  78. .upload-tit {
  79. vertical-align: top;
  80. }
  81. .item-num-num {
  82. display: inline-block;
  83. vertical-align: middle;
  84. flex: 1;
  85. text-align: right;
  86. }
  87. /* 订单状态 */
  88. .order-status {
  89. padding: 20rpx;
  90. }
  91. /* 上传照片 */
  92. .upload-img {
  93. display: inline-block;
  94. width: 72%;
  95. }
  96. .upload-tips {
  97. font-size: 26rpx;
  98. color: #aaa;
  99. margin-bottom: 1em;
  100. }
  101. /* 缩略图 */
  102. .question-images {
  103. display: inline-block;
  104. vertical-align: middle;
  105. }
  106. .q-image-wrap {
  107. position: relative;
  108. margin-right: 15rpx;
  109. display: inline-block;
  110. margin-bottom: 10rpx;
  111. }
  112. .q-image {
  113. width: 110rpx;
  114. height: 110rpx;
  115. background: #eee;
  116. }
  117. .q-image-remover {
  118. position: absolute;
  119. right: -6rpx;
  120. top: -6rpx;
  121. width: 30rpx;
  122. height: 30rpx;
  123. text-align: center;
  124. font-size: 23rpx;
  125. }
  126. /* + */
  127. .upload-img .upload-btn {
  128. display: inline-block;
  129. width:100rpx;
  130. height:100rpx;
  131. line-height: 90rpx;
  132. text-align: center;
  133. font-size: 80rpx;
  134. color:#ddd;
  135. border:2px dashed #f4f4f4;
  136. vertical-align: top;
  137. }
  138. .upload{
  139. width: 120rpx;
  140. height: 120rpx;
  141. background: #F6F6F6;
  142. border-radius: 32rpx 32rpx 32rpx 32rpx;
  143. display: flex;
  144. justify-content: center;
  145. align-items: center;
  146. margin-bottom: 24rpx;
  147. }
  148. .photo{
  149. width: 40rpx;
  150. height: 40rpx;
  151. }
  152. /* 提交按钮 */
  153. .submit-btn {
  154. width: 702rpx;
  155. height: 80rpx;
  156. line-height: 80rpx;
  157. text-align: center;
  158. background: #006CE8;
  159. border-radius: 40rpx 40rpx 40rpx 40rpx;
  160. font-weight: bold;
  161. font-size: 28rpx;
  162. color: #FFFFFF;
  163. margin-top: 80rpx;
  164. }