抖音小程序C端
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

159 рядки
2.6 KiB

  1. .rArrow {
  2. position: absolute;
  3. right: 26rpx;
  4. height: 20rpx;
  5. width: 20rpx;
  6. margin: auto;
  7. bottom: 30rpx;
  8. }
  9. input {
  10. /* width:500rpx; */
  11. /* display: inline-block; */
  12. font-size: 32rpx;
  13. vertical-align: middle;
  14. margin: auto 10rpx;
  15. }
  16. .radio-group {
  17. display: inline-block;
  18. }
  19. .section {
  20. display: flex;
  21. justify-content: flex-start;
  22. height: 100rpx;
  23. line-height: 100rpx;
  24. width: 710rpx;
  25. margin: 0 auto;
  26. border-bottom: 1px solid #eee;
  27. }
  28. .address {
  29. width: 710rpx;
  30. margin: 0 auto;
  31. border-bottom: 1px solid #eee;
  32. padding-bottom: 10rpx;
  33. }
  34. .radio {
  35. margin-right: 30rpx;
  36. }
  37. .input{
  38. margin-top: 20rpx;
  39. }
  40. .section__title, .picker, picker {
  41. display: inline-block;
  42. font-size: 32rpx;
  43. color: #999;
  44. width: 500rpx;
  45. }
  46. radio {
  47. transform: scale(0.8);
  48. }
  49. .section__title {
  50. color: #999;
  51. }
  52. text{
  53. width: 100rpx;
  54. /* text-align: center; */
  55. padding: 0 20rpx;
  56. font-size: 32rpx;
  57. }
  58. /* .section > text:nth-of-type(1) {
  59. font-size: 32rpx;
  60. display: inline-block;
  61. padding: 0 20rpx;
  62. } */
  63. /* .address > text:nth-of-type(1) {
  64. font-size: 32rpx;
  65. display: inline-block;
  66. margin-right: 20rpx;
  67. padding: 0 20rpx;
  68. } */
  69. .btn {
  70. width: 456rpx;
  71. color: #fff;
  72. margin-top: 200rpx;
  73. height: 92rpx;
  74. line-height: 92rpx;
  75. text-align: center;
  76. border-radius: 32rpx;
  77. font-size: 32rpx;
  78. }
  79. .active {
  80. opacity: 0.6;
  81. }
  82. .sec {
  83. position: relative;
  84. }
  85. .names {
  86. font-size: 26rpx;
  87. line-height: 46rpx;
  88. color: #999;
  89. margin-left: 20rpx;
  90. }
  91. .child_add {
  92. width: 300rpx;
  93. line-height: 100rpx;
  94. height: 100rpx;
  95. border-radius: 10rpx;
  96. text-align: center;
  97. margin: 20rpx;
  98. background-color: #fff;
  99. }
  100. .child_box {
  101. margin: 20rpx;
  102. overflow: hidden;
  103. }
  104. .contBox {
  105. float: left;
  106. width: 80%;
  107. background-color: #fff;
  108. }
  109. .contBox_section {
  110. display: flex;
  111. justify-content: flex-start;
  112. height: 100rpx;
  113. line-height: 100rpx;
  114. /* width: 710rpx; */
  115. margin: 0 auto;
  116. border-bottom: 1px solid #eee;
  117. }
  118. /* .contBox_section text {
  119. margin: 0 20rpx;
  120. } */
  121. .contBox_picker {
  122. display: inline-block;
  123. font-size: 32rpx;
  124. color: #999;
  125. /* width: 400rpx; */
  126. }
  127. .det_child_box {
  128. float: left;
  129. width: 16%;
  130. height: 100rpx;
  131. border-radius: 10rpx;
  132. line-height: 100rpx;
  133. background-color: #fff;
  134. text-align: center;
  135. margin-top: 100rpx;
  136. margin-left: 2%;
  137. }