addStoreClass.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. .container {
  2. padding-top: 20rpx;
  3. padding-bottom: 126rpx;
  4. }
  5. .input_content {
  6. background: #fff;
  7. padding: 20rpx 40rpx 40rpx 30rpx;
  8. width: 710rpx;
  9. margin: auto;
  10. box-sizing: border-box;
  11. border-radius: 10rpx;
  12. &_textarea {
  13. border-bottom: 1px solid #eeeeee;
  14. padding-bottom: 19rpx;
  15. textarea {
  16. height: 114rpx;
  17. }
  18. > view {
  19. text-align: right;
  20. color: #666666;
  21. font-size: 24rpx;
  22. }
  23. }
  24. &_photo {
  25. margin-top: 41rpx;
  26. display: flex;
  27. flex-wrap: wrap;
  28. .photos{
  29. width: 156rpx;
  30. height: 156rpx;
  31. }
  32. &_adPh {
  33. position: relative;
  34. width: 156rpx;
  35. height: 156rpx;
  36. border: 1px solid #dddddd;
  37. display: flex;
  38. flex-direction: column;
  39. justify-content: center;
  40. border-radius: 8rpx;
  41. margin-right: 30rpx;
  42. margin-bottom: 30rpx;
  43. > image {
  44. height: 100%;
  45. margin: auto;
  46. }
  47. > view:nth-child(1) {
  48. height: 37rpx;
  49. margin-bottom: 16rpx;
  50. display: flex;
  51. justify-content: center;
  52. image {
  53. width: 45rpx;
  54. display: block;
  55. }
  56. }
  57. > view:nth-child(2) {
  58. text-align: center;
  59. color: #bbbbbb;
  60. font-size: 24rpx;
  61. }
  62. &_jiao {
  63. position: absolute;
  64. top: -14rpx;
  65. right: -14rpx;
  66. width: 40rpx;
  67. height: 40rpx;
  68. background: #e93323;
  69. display: flex;
  70. align-items: center;
  71. justify-content: center;
  72. border-radius: 50%;
  73. image {
  74. width: 16rpx;
  75. height: 16rpx;
  76. }
  77. }
  78. }
  79. }
  80. }
  81. .list_content {
  82. margin-top: 31rpx;
  83. padding: 0 20rpx;
  84. }
  85. .handle {
  86. position: fixed;
  87. left: 0;
  88. bottom: 0;
  89. height: 126rpx;
  90. width: 100%;
  91. background: #fff;
  92. display: flex;
  93. align-items: center;
  94. justify-content: center;
  95. &_button {
  96. display: flex;
  97. align-items: center;
  98. justify-content: center;
  99. font-size: 32rpx;
  100. color: #fff;
  101. width: 690rpx;
  102. height: 86rpx;
  103. background: #e93323;
  104. border-radius: 43rpx;
  105. }
  106. }
  107. .placeholderStyle {
  108. color: #bbbbbb;
  109. font-size: 30rpx;
  110. }
  111. .list_item {
  112. background: #fff;
  113. padding: 0rpx 30rpx;
  114. min-height: 106rpx;
  115. border-radius: 10px;
  116. display: flex;
  117. align-items: center;
  118. justify-content: space-between;
  119. margin-bottom: 20rpx;
  120. position: relative;
  121. .iconfont {
  122. font-size: 14px;
  123. color: #BBBBBB;
  124. position: absolute;
  125. /*#ifndef MP*/
  126. right: 0;
  127. /*#endif*/
  128. /*#ifdef MP || APP-PLUS*/
  129. right: 20rpx;
  130. /*#endif*/
  131. top: 50%;
  132. margin-top: -12rpx;
  133. }
  134. &_title {
  135. color: #333333;
  136. font-size: 30rpx;
  137. width: 200rpx;
  138. }
  139. .input_class,.uni-input-input {
  140. flex: 1;
  141. display: flex;
  142. align-items: center;
  143. justify-content: flex-end;
  144. text-align: right;
  145. &_con {
  146. font-size: 30rpx;
  147. text-align: right;
  148. flex: 1;
  149. }
  150. }
  151. /deep/.uni-input-input{
  152. padding-right: 40rpx;
  153. width: 240rpx;
  154. text-align: right;
  155. }
  156. }
  157. .uni-list-cell{
  158. position: relative;
  159. }